摘要: 双向数据绑定是建立在单项数据绑定(model view)的基础之上的双向数据绑定的实现流程:a: 在解析v-model指令时 , 给当前元素添加input监听b: 当input的 value发生改变时, 将最新的值赋值给当前表达式对应的data属性v-model:绑定model:function(n 阅读全文
posted @ 2020-07-18 13:40 飞鸟和蝉- 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 得到指令名 和指令值(表达式) text/html/class msg/myClass从 data 中根据表达是得到对应的值根据指令名确定需要操作元素节点的什么属性a: v-text text-textContent 属性b: v-html—innerHTML 属性c: v-class class 阅读全文
posted @ 2020-07-18 11:19 飞鸟和蝉- 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 从指令名中取出时间名根据指令的值(表达式)从methods 中得到对应的事件处理函数对象给当前元素节点绑定事件名 和 回调函数的 dom事件监听指令解析完后, 移除次指令属性 阅读全文
posted @ 2020-07-18 11:15 飞鸟和蝉- 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 根据正则对象得到匹配出的表达式字符串; 子匹配/RegExp.$1 name从data中取出 表达式对应的属性值将属性值设置为文本节点的textContent 阅读全文
posted @ 2020-07-18 11:08 飞鸟和蝉- 阅读(3514) 评论(0) 推荐(0) 编辑
摘要: 数据代理: 通过一个对象代理对另一个对象中属性的操作(读/写)vue数据代理: 通过vm对象来代理data对象中所有属性的操作好处:更方便的操作data中的数据基本实现流程:a: 通过Object.defineProperty()给 vm 添加 与 data 对象的属性对应的属性描述符b: 所有添加 阅读全文
posted @ 2020-07-18 10:53 飞鸟和蝉- 阅读(509) 评论(0) 推荐(0) 编辑