Vue.set和this.$set的使用

216 阅读1分钟

Vue.set和this.$set都是改变数组或者对象,更新视图。

参数:

Vue.set( target, propertyName/index, value )

this.$set(target, propertyName/index, value)

  • target{Object | Array}:表示的是要修改的那个对象或者数组
  • propertyName/index{string | number}:表示的是需要修改的属性或者需要修改的索引
  • value{any}:表示的是修改的内容

用法:

vue在初始化实例时,就通过Object.defineProperty中的getter和setter 这两个方法,完成了对数据的绑定。所以属性必须在data对象上存在才能让Vue转换它,这样才能是响应式的。

注意:对象不能是 Vue 实例,或者 Vue 实例的根数据对象。 我对 Vue 实例的根数据对象还是有点不懂。