vue响应式原理

响应式原理

底层原理

1、vue框架内置了观察者，会监视data中定义的数据，data中的数据就是响应式数据

2、在vuejs中，数据的改变都是依靠调用set和get方法实现的，我们在使用点语法的时候，vuejs会默认帮我们加上set或get方法；

实现方法

vue是通过Object.defineproperty()来劫持各个属性的setter和getter，当vue的观察者监听到响应式数据发生改变时，就会触发监听回调来渲染视图

非响应式数据如果想更新视图，则需要使用$set()方法

$set(改变的对象，加入的键名，值)