Vue源码解读
banggan
这个作者很懒,什么都没留下…
展开
-
Vue3.0初探:Proxy VS defineProperty
前言2019.10.5日发布了Vue3.0,到了2020年4月21日晚,Vue作者尤雨溪在B站直播分享了Vue.js 3.0 Beta最新进展,估计Vue3.0正式版也快出来了。Vue3.0 为了达到更快、更小、更易于维护、更贴近原生、对开发者更友好的目的,在很多方面进行了重构:使用 Typescript放弃 class 采用 function-based API重构 complier重构 virtual DOM新的响应式机制这次的分享就聊聊新的响应式机制,进入正文~回顾Vue2.x的原创 2020-10-21 11:54:26 · 294 阅读 · 0 评论 -
Vue源码解读之依赖收集
原文地址:https://banggan.github.io/2019/01/19/Vue源码解读之依赖收集/通过上一篇Vue源码解读之响应式原理,我们可以看到Vue利用defineReactive会把普通的对象装换为响应式对象,在defineReactive函数中,重点是const dep = new Dep(),在设置getter的时候,收集依赖也就是dep.depend()依赖收集先看...原创 2019-01-19 16:06:27 · 843 阅读 · 1 评论 -
Vue源码解读之基础前言
原文地址:https://banggan.github.io/2019/01/05/Vue源码解读之基础前言/前言从开始学习Vue到现在也有1年半了吧,以后的工作也是大部分的Vue相关,为了打好基础,方便迎接年后Vue3.0,给自己定了一个计划-有针对性的读源码并做一个系列的总结。Flow静态检测Vue.js 的源码利用了 Flow 做了静态类型检查,所以要对flow有一定的了解诶啊在 ...原创 2019-01-05 16:47:02 · 282 阅读 · 0 评论 -
Vue源码解读之数据绑定
原文地址:https://banggan.github.io/2019/01/08/Vue源码解读之数据绑定/从最开始vue初始化到渲染的整个流程如下:new Vue----一系列的初始化----$mount做挂载—如果是带编译的版本就compile,没有就跳过—render函数—生成vnode—patch方法—渲染成DOM,如下图:何为数据驱动数据驱动就是指视图由数据来生成,在传统的前端...原创 2019-01-08 15:21:55 · 657 阅读 · 1 评论 -
Vue源码解读之响应式原理
原文地址:https://banggan.github.io/2019/01/12/Vue源码解读之响应式原理/相信用过Vue的基本上都知道Vue的响应式都是利用了Object.defineProperty。当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 g...原创 2019-01-12 15:40:15 · 259 阅读 · 1 评论