![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 128 阅读 · 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 · 334 阅读 · 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 · 560 阅读 · 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 · 457 阅读 · 0 评论