vue2源码解析——Vue.set/$set方法如何给响应式对象添加属性
warning:
这篇文章距离上次修改已过223天,其中的内容可能已经有所变动。
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
指向当前组件实例。
评论已关闭