如何给一个响应式数据添加一个属性 this.$set

时间 2019-11-24

标签如何一个响应数据添加属性 set 繁體版

原文原文链接

this.$set(this.data,”key”,value’)数组

Vue.set(vm.items,2,"ling") : 表示把vm.items 这个数组的下标为2 的元素，改成"ling"函数

Vue.set(vm.person,"age","26") this

Vue.set()向响应式对象中添加一个属性，并确保这个新属性一样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，由于 Vue 没法探测普通的新增属性 (好比 this.myObject.newProperty = 'hi')对象

区别在于Vue.set()是将set函数绑定在Vue构造函数上，this.$set()是将set函数绑定在Vue原型上。blog

Vue.set数组实现的原理：其实Vue.set()对于数组的处理其实就是调用了splice方法原型