vue深入响应式原理

数据模型–》 VM中 的data选项
状态管理:
什么叫做状态？什么叫做状态管理？
我们使用一个数据去管理视图中的一个部分， 那么这条数据就叫做状态， 这种管理模式就叫做状态管理

总结：
1. 什么是深入响应式原理？
a.当视图模型（VM）中的数据模型（M）发生改变时， 视图（V）就会进行更新
b.Vue通过watcher将data中的属性全部使用Object.definePropery编程getter和setter,当属性值发生改变的时候， 就会触发， 然后wather就会触发， 告诉视图（V）进行重新渲染
c.数据必须放在data选项中才能进行深入响应式
Object.definePropery介绍：
Object.defineProperty(obj,obj.attr,descriptor)
参数：
obj
要在其上定义属性的对象。
prop
要定义或修改的属性的名称。
descriptor
将被定义或修改的属性描述符。它是一个对象， 这个对象有哪些构成？
configurable： 决定了对象的key是否可删除
enumerable： 决定了对象是否可遍历（枚举）
writeable: 决定了对象的key的value是否可修改
存储器：
get函数 ----起了个名字getter 设置当前对象的key的初始值
set函数 ----起了个名字setter 修改当前对象的key的值
底层原理：
核心使用的是es5的一个方法,这个方法不支持ie8以及以下
总结：
深入响应式原理是利用了数据劫持和订阅发布的模式, 当数据模型发生改变的时候， 视图就会响应的进行更新， 那么深入响应式原理是利用es5的Object.defineProperty中的getter/setter来进行数据的劫持的
名称解释：
数据劫持： Object.defineProperty中的getter/setter ， 然后再执行watcher
订阅发布：事件（自定义事件）
订阅： 事件的声明 vm.$on发布：事件的触发vm.$emit

2. 非响应式情况
   在vm模型的data外定义的属性， 就是非响应式属性， 非响应式属性， 属性值更新， 视图不会更新

3. 非响应式属性如何变成响应式属性
   思维： 将非响应式属性合并到响应式属性身上
   解决： 利用了Vue提供的 Vue.set/this.$set(vm.dataattr,prop,value)

4. Vue.set底层原生是什么？
   Object.assign(目标对象，对象1， 对象2，对象3)