vue双向数据绑定原理

1:用了vue做业务开发已经有一段时间啦,知道vue主要有点:数据双向绑定与组件化。数据双向绑定在开发实战中也经常用到的。今天来探究一下它的底层js原理是什么,查阅一些资料,Object.defineProperty(a,b,c);a:代表一个对象,b代表一个属性,c代表属性的描述。

实现思路:

首先在html中

vue双向数据绑定原理

定义两个全局变量,一个是空对象,一个是空数组

vue双向数据绑定原理

效果图如下:

vue双向数据绑定原理