锐客网

  1. 首页 > it技术 > >

12.VUE中的set方法

【12.VUE中的set方法】VUE中的set方法
通过set方法向页面中注入数据 数据发生变化时页面也会发生变化
对象中的set方法的使用

  • Vue.set(vm.userInfo,"address3","beijing")
12.VUE中的set方法
文章图片

Vue.set不仅是VUE的全局方法 也是VUE实例上的方法
  • vm.$set(vm.userInfo,"address4","beijing")
12.VUE中的set方法
文章图片

数组中的set方法的使用
  • VUE的全局方法：Vue.set(vm.userInfo,1,"修改5")
  • VUE实例上的方法：vm.$set(vm.userInfo,1,"修改6")
VUE的列表渲染 - 锐客网{{item}}

12.VUE中的set方法
文章图片

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

    推荐阅读


    上一篇：android通过json解析到的路径后异步加载网络图片

    下一篇：es6|es6 set 常见实用用法