vue2源码解析——Vue.set/$set方法如何给响应式对象添加属性
warning:
这篇文章距离上次修改已过434天,其中的内容可能已经有所变动。
Vue.set 或 $set 方法用于给响应式对象添加一个属性,并确保这个属性同样是响应式的,能够触发视图更新。
在 Vue 2.x 中,Vue.set 是一个全局方法,用于设置对象的属性,并确保这个属性是响应式的。
例子:
// 假设有一个Vue实例
var vm = new Vue({
data: {
someObject: {}
}
});
// 使用Vue.set给响应式对象添加一个属性
Vue.set(vm.someObject, 'newProp', 'value');
// 或者,如果你在一个组件内部,你可以使用实例的$set方法
this.$set(this.someObject, 'newProp', 'value');注意:Vue.set 和 vm.$set 的作用是一样的,只是前者是全局方法,后者是实例方法,在组件内部使用时,this 指向当前组件实例。
评论已关闭