1. 首页
  2. 编程语言
  3. Javascript
  4. Vue2.0/3.0双向数据绑定的实现原理详解

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

上传者: 2022-07-22 18:24:00上传 PDF文件 147.41 KB 热度 8次

Vue2.0/3.0 双向数据绑定的实现原理双向数据绑定简意 即数据的改变能让页面重新渲染Vue2.0 ES5的原理:Object.defineProperty 对数据进行拦截简单小案例改变input框的值 让span里面的值随之改变 数据的改变可以让视图正确写法执行逻辑1.setTimeout执行1秒后修改数据 触发obj.name的set(val)2.拿到最新的值给到newObj.name 执行 obServer()方法3.拿到最新的值赋值 spanName.innerHTML = newObj.name; inputName.value = newObj.name;input框的值改变

用户评论