Vue监视数据的原理详解

1. vue监视数据的原理（set方法）

1.1 vue监视不同类型数据的原理

特点：vue会监视data中所有层级的数据，并且如果他检测到是对象那么就会给对象里面所有的属性配置getter和setter函数

1.1.1 如何监测对象中的数据？

通过setter实现监视，且要在new vue时就传入要监测的数据

​(1).对象中后追加的属性，vue默认不做响应式处理（就是没有配置getter和setter函数）

(2).如需给后添加的属性做响应式，请使用如下api：

​ vue.set(target，propertyname/index，value) 

​ vm.$set(target，propertyname/index，value)

1.1.2 如何监测数组中的数据？

通过包裹数组更新元素的方法实现，本质就是做了两件事：

在vue修改数组中的某个元素一定要用如下方法：

​ (1). 使用这些api:push()、pop()、shift()、unshift()、splice()、sort()、reverse()

​ (2). vue.set() 或 vm.$set()

1.1.3 小案例

1.1.4 set()小案例

总结

以上就是今天要讲的内容，本文介绍了vue监视数据的原理和set方法，该部分很重要需要好好理解，希望对大家有所帮助！