分类：vue双向数据绑定原理

2021
05-20

Vue2.0/3.0双向数据绑定的实现原理详解

Vue2.0/3.0双向数据绑定的实现原理详解 Vue2.0/3.0双向数据绑定的实现原理双向数据绑定简意即数据的改变能让页面重新渲染Vue2.0ES5的原理：Object.defineProperty对数据进行拦截简单小案例<body>姓名:<spanid="name"></span><br/><inputtype="text"id="inputName"/></body>改变input框的值让span里面的值随之改变数据的改变可以让视图<script>letobj={name:''}Object.defineProperty(obj,'name',{... 继续阅读 >
2021
02-21

手动实现vue2.0的双向数据绑定原理详解

一句话概括：数据劫持（Object.defineProperty）+发布订阅模式双向数据绑定有三大核心模块（dep、observer、watcher）,它们之间是怎么连接的，下面来一一介绍。为了大家更好的理解双向数据绑定原理以及它们之间是如何实现关联的，先带领大家复习一下发布订阅模式。一.首先了解什么是发布订阅模式直接上代码：一个简单的发布订阅模式，帮助大家更好的理解双向数据绑定原理//发布订阅模式functionDep(){this.subs=[]//收集依... 继续阅读 >