Dobility

前言有时候我们需要对一个组件绑定自定义 v-model，以更方便地实现双向数据，例如自定义表单输入控件。甚至有时候，我们想要实现绑定多个 “v-model”，也就是多个“双向绑定”，例如带表单输入的模块框，想同时控制模态框的显示状态与表单的输入状态。好在 vue 3 已经实现了多 v-model，那么在 vue 2 上我们可以如下实现。单个“双向绑定”的实现使用 model 实现其实 v-model 只是 value + change 的语法糖，监听输入并触发改变，因此只要实现 “监听” +

VueRouter声明：const router = new VueRounter({ routes: [ {name: 'Home', path: '/', component: Home}, {name: 'Category', path: '/category', component: Category}, {name: 'P...

Vue 的双向数据绑定，使得修改数据后，视图就会跟着发生更新，比如对数组进行增加元素、切割等操作。然而直接通过下标修改数组内容后，视图却不发生变化。那么，在保留原有的数组响应方式下，为什么 Vue 不增加对数组下标的响应式监听呢？arr[index] = val 不是响应式的在 Vue 官网的 列表渲染 — Vue.js 中，有强调 Vue 不能 直接检测通过数组下标改变值的变化，需要通过 数...

每次修改都会引起 render最近在开发的时候，发现在内容较多的首页上对 v-model 绑定的输入框上输入内容，页面会变得很卡顿，有些带有动画的元素还会闪动，初步怀疑是 v-model 实时更新引起整个组件（页面）的 re-render。连续执行了输入“123456789”，通过浏览器开发者工具的 Performance 观察发现，确实是如此：可以看到会连续触发9个事件，每个事件中都含有 ...

现象在有 Vue Router 的项目开发过程中，在 Object.prototype 上挂自定义方法，会发现它的函数体内容会被拼接到 url 参数里。（下面以 Object.prototype.log 为例）import Vue from 'vue'import App from './App'import router from './router'// 在 Object.proto...