码迷,mamicode.com
首页 > 其他好文 > 详细

如何给一个响应式数据添加一个属性 this.$set

时间:2019-07-26 10:42:24      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:表示   img   set   src   原型   原理   new   下标   数组   

this.$set(this.data,”key”,value’)

 

Vue.set(vm.items,2,"ling") : 表示 把vm.items  这个数组的下标为2 的元素,改为"ling"

Vue.set(vm.person,"age","26") 

Vue.set()向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属性 (比如 this.myObject.newProperty = ‘hi‘)

区别在于Vue.set()是将set函数绑定在Vue构造函数上,this.$set()是将set函数绑定在Vue原型上。

Vue.set数组实现的原理:其实Vue.set()对于数组的处理其实就是调用了splice方法

技术图片

 

如何给一个响应式数据添加一个属性 this.$set

标签:表示   img   set   src   原型   原理   new   下标   数组   

原文地址:https://www.cnblogs.com/qing-xrr/p/11248666.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!