vue使用时注意点整理
文章平均质量分 60
bbatyki
这个作者很懒,什么都没留下…
展开
-
Vue 实例/条件渲染
数据与方法只有当实例被创建时 data中存在的属性才是响应式的。// 创建一个 Vue 实例var vm = new Vue({ data: {a:1}})vm.b = 'hi'那么对 b 的改动将不会触发任何视图的更新。使用 Object.freeze(),这会阻止修改现有的属性,也意味着响应系统无法再追踪变化。不要在选项属性或回调上使用箭头函数,比如 created: () =>...原创 2018-05-06 14:18:34 · 214 阅读 · 0 评论 -
列表渲染
Vue更改数组与对象注意事项数组Vue 不能检测以下变动的数组当利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue当修改数组的长度时,例如:vm.items.length = newLengthvar vm = new Vue({ data: { items: ['a', 'b', 'c'] }})vm.items[1] = 'x'...原创 2018-05-06 16:07:11 · 186 阅读 · 0 评论 -
自定义组件的 v-model
一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目的。model 选项可以用来避免这样的冲突:Vue.component('base-checkbox', { model: { prop: 'checked', event: 'change' }, ...原创 2018-05-06 20:02:39 · 512 阅读 · 0 评论