vue
关注
分享
扫一扫
文章平均质量分 56
Dyanfee
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue源码学习之实现model数据双向绑定和代理数据
Vue源码学习之实现model数据双向绑定和代理数据 接之前，首先实现model数据的绑定，修改MyVue.js文件，在compileUtile中修改model方法. /** * * @param {*} exp 数据key * @param {*} vm vue实例 * @param {*} inputVal 修改的值 * @returns */ setValue(exp, vm, inputVal) { return exp.split('.').reduce((data,原创 2021-04-28 19:26:49 · 193 阅读 · 0 评论 -
Vue学习之数据视图驱动Watcher类实现
Vue学习之数据监听Observer类实现 之前已经监听了数据变化，现在要实现的时在数据初始化时增加对数据的观察，并且在数据变化时，通过数据变化来修改视图。 新建脚本文件 文件名Watcher.js 在index.html中引入<script src="Watcher.js"></script> class Watcher { /** * * @param {*} vm Vue实例 * @param {*} exp data数据key值原创 2021-04-28 18:52:41 · 463 阅读 · 0 评论 -
Vue学习之数据监听Observer类实现
Vue学习之数据监听Observer类实现 创建脚本文件 文件名：Observer.js 在index.html中引入脚本文件<script src="Observer.js"></script> 创建Observer类，并在构造函数中传入Vue实例的data数据。 class Observer { constructor(data) { this.observer(data); } // 实现数据变化监听 observer(data)原创 2021-04-28 16:45:51 · 672 阅读 · 0 评论 -
简单实现Vue之指令解析器Compile类
简单实现Vue之指令解析器Compile类 创建html文件 文件名为index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w原创 2021-04-28 03:25:45 · 587 阅读 · 0 评论