1、为什么不能检测数组元素直接赋值或改变length?
官方文档已经说的很清楚了,如果你还不能理解,就请看下图
简单点说如果监测得属性是值类型,当值改变就会触发set;如果是引用类型,只有当引用改变得时候才会触发set;
2、为什么不能检测动态添加得对象属性?
因为defineProperty是对属性list进行监测,添加name属性后list的引用没变所以当然不会触发set啊。
3、咋办呢?
- 1)、针对数组,vue提供了变异方法(push、pop、shift、unshift、sort、reverse、splice),为什么要提供呢,因为Array.prototype上的方法不会改变属性的引用,所以不会更新视图。Vue的处理如下图
其实不是啥高大上的东西,就是通过调用变异方法的时候手动去通知更新视图而已。
- 2)、Vue.set全局API,原理很简单,看下图源码
这里就不详细介绍了,很简单,如果是数组就调用Vue定义的变异方法,如果是对象就用defineProperty定义这个属性