12.VUE中的set方法

VUE中的set方法

通过set方法向页面中注入数据 数据发生变化时页面也会发生变化

对象中的set方法的使用

  • Vue.set(vm.userInfo,"address3","beijing")

12.VUE中的set方法_第1张图片

Vue.set不仅是VUE的全局方法 也是VUE实例上的方法

  • vm.$set(vm.userInfo,"address4","beijing")

12.VUE中的set方法_第2张图片

数组中的set方法的使用

  • VUE的全局方法:Vue.set(vm.userInfo,1,"修改5")
  • VUE实例上的方法:vm.$set(vm.userInfo,1,"修改6")



    
    VUE的列表渲染
    


{{item}}

12.VUE中的set方法_第3张图片

总结

  • 改变数组中的数据页面同步变化的方法
    • 数组变异方法:pop push shift unshift splice sort reverse
    • 改变引用地址
    • set方法
  • 改变对象中的数据页面同步变化的方法
    • 改变引用地址
    • set方法

你可能感兴趣的:(VUE学习笔记)