为什么要使用Vue.$set(target,key,value)

Posted Miss Su

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为什么要使用Vue.$set(target,key,value)相关的知识,希望对你有一定的参考价值。

vue中不能检测到数组和对象的两种变化:
1.数组长度的变化 vm.arr.length = 4
2,数组通过索引值修改内容 vm.arr[1] = ‘aa‘

Vue.$set(target,key,value)可以动态的给数组、对象添加修改数据,并更新视 
图中数据的显示。

vue在构造函数new Vue()时,就通过Object.defineProperty中的getter和setter 这两个方法,完成了对数据的绑定。所以直接通过vm.arr[1] = ‘aa‘的方法,无法修改值触发vue中视图的更新,必须还得通过Object.defineProperty的方法去改变,而Vue.$set()就封装了js底层的Object.defineProperty方法。

以上是关于为什么要使用Vue.$set(target,key,value)的主要内容,如果未能解决你的问题,请参考以下文章

vue set

Vue.set的使用

vue 学习新笔记

Vue data更新了,但视图未更新

关于vue子组件的数据变了视图不更新的解决办法(转载)

Vue源码之 $set