很久之前就看完vue1,但是太懒就一直没写博客,这次看Vue2打算抽下懒筋先把自己看过了记录下来,否则等全部看完,估计又没下文了 看源码总需要抱着一个目的,否则就很难坚持下去,我并没做过vue的项目,我几乎很少会依赖大型的框架,一个是跟平台有关系,另一方面因为我觉得是对自己能力的束缚,而我更渴望 ...
目录 .patch函数的脉络 .类vnode的设计 .createPatch函数中的辅助函数和patch函数 .源码运行展示 DEMO 一.patch函数的脉络 首先梳理一下patch函数的脉络。 第一,patch核心函数createPatchFunction, 然后,runtime index.js中将patch方法挂载到vue的原型属性 patch 上。 最后patch的使用是当我们调用vue ...
2020-03-30 23:06 0 1671 推荐指数:
很久之前就看完vue1,但是太懒就一直没写博客,这次看Vue2打算抽下懒筋先把自己看过了记录下来,否则等全部看完,估计又没下文了 看源码总需要抱着一个目的,否则就很难坚持下去,我并没做过vue的项目,我几乎很少会依赖大型的框架,一个是跟平台有关系,另一方面因为我觉得是对自己能力的束缚,而我更渴望 ...
Vue 的 _update 是实例上的一个私有方法,主要的作用就是把 VNode 渲染成真实的 DOM ,它在首次渲染和数据更新的时候被调用。在数据更新的时候会发生新 VNode 和 旧 VNode 对比,获取差异更新视图,我们常说的 diff 就是发生在此过程中。 _update ...
前言 前面我们说到,当组件更新时,实例化渲染 watcher 时传递的 updateComponent 方法会被执行: 首先会先执行 vm._render() 函数,得到组件的 VNode,并将 VNode 传递给 vm._update 方法,接下来就该进入到 patch 阶段了。今天 ...
Vue 的初始化过程: 执行编译,生成 render 函数。 一系列的初始化,数据响应式化,触发对应的生命周期钩子。 执行挂载的逻辑,先生成虚拟 DOM,再生成真实 DOM,更新的逻辑也是这样,只不过多出了对比虚拟 DOM 的一个步骤 一、我们到 vue仓库 ...
怎么感觉遥遥无期了呀~这个源码,跑不完了。 这个系列写的不好,仅作为一个记录,善始善终,反正也没人看,写着玩吧! 接着上一节的cbs,这个对象在初始化应该只会调用create模块数组方法,简单回顾一下到哪了。 后面的暂时不去看,依次执行cbs.create中的方法 ...
1. 前言 vue版本:2.6.11 vue仓库:https://github.com/vuejs/vue vue文档:https://cn.vuejs.org/ 2. 开发模式 npm run dev,即运行package.json中的dev命令,其目的是把src/目录下的相关 ...
Vue中之nextTick函数源码分析 1. 什么是Vue.nextTick()?官方文档解释如下:在下次DOM更新循环结束之后执行的延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM。 2. 为什么要使用nextTick? 如上代码 在页面视图上显示bb,但是当我 ...
大家都知道computed简单的使用方法,这儿只分享一下setter和getter用法: setter:设置值时触发。 getter:获取值时触发,与setter是没有必然联系的。 ...