Vue学习笔记(五):如何触发组件更新

vue:数据驱动的视图框架


数据包含:1、父元素的属性 2、组件自身的状态 3、状态管理器,vuex、Vue.Observable


哪些数据做依赖收集,哪些不需要。

Vue实例化的时候,会对Data做一些getter和setter转化(对数据做了中间的代理层,取和设置都会经过代理层,可以在代理层做任何事情)

组件渲染时(也是render),需要去获取data,用到了就放到watch里面。



1、name不在data里,不会做响应式更新

2、info未定义具体的number属性,虽然在data里面,数据发生了变化,但引用类型的地址未发生变化,所以也不会触发组件更新。

3、模板中并未使用b,所以也不会触发组件的更新

4、this.$forceUpdate():强制更新的意思 不管数据是否变化

问题:数组push操作,数据里面的内容改变,引用没变。vue如何判断做了操作?


你可能感兴趣的:(Vue学习笔记(五):如何触发组件更新)