![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue源码
活力鲇鱼
技术发烧友
展开
-
手写vue源码(精简版)-- 数据代理
手写mini版的vuevue原理图数据代理实现 vue原理图 数据代理实现 废话不多说,我们先研究以下数据代理的实现。在这之前我们先来看看什么是数据代理: <div id='app'></div> <script> const vm = new Vue({ el: '#app', data: { name: 'Jack' } }); /...原创 2019-08-28 00:28:28 · 697 阅读 · 0 评论 -
手写vue源码(精简版)-- 观察者
手写mini版的vuevue原理图理解Observer实现Observer vue原理图 理解Observer 上一节我们实现了数据代理,这一节我们来研究一下Observer。首先我们需要明白以下几点: Observer观察的对象: Observer实际是对data进行观察,从而达到第2点中的目的 Observer的目的:Observer的目的有两个。其一,依赖收集,其二,更新显示 Obser...原创 2019-08-28 12:27:45 · 2826 阅读 · 0 评论 -
手写vue源码(精简版) -- 更新显示(Watcher),双向数据绑定
手写mini版的vuevue原理图编译前的知识准备实现编译 vue原理图 编译前的知识准备 节点类型 – nodeType。document可以看成是一棵节点树,它是由一个个的节点组成的。 <p key='index'>text</p //每一个标签都属于元素节点, //包裹在标签里面的是文本节点, //开始标签里面的健值对是属性节点 //所有以上的都统称为节点,这些节点...原创 2019-08-30 22:59:20 · 759 阅读 · 5 评论 -
手写vue源码(精简版) -- 模版编译,双向数据绑定
手写mini版的vuevue原理图编译前的知识准备实现编译 vue原理图 编译前的知识准备 节点类型 – nodeType。document可以看成是一棵节点树,它是由一个个的节点组成的。 <p key='index'>text</p //每一个标签都属于元素节点, //包裹在标签里面的是文本节点, //开始标签里面的健值对是属性节点 //所有以上的都统称为节点,这些节点...原创 2019-09-02 00:23:02 · 958 阅读 · 2 评论 -
手写精简版vue,源码地址
vue源码原创 2019-09-02 00:48:12 · 411 阅读 · 0 评论