前言：上一节最后稍微提到了Vue 内置组件的相关内容，从这一节开始，将会对某个具体的内置组件进行分析。首先是keep-alive ，它是我们日常开发中经常使用的组件，我们在不同组件间切换时，经常要求保持组件的状态，以避免重复渲染组件造成的性能损耗，而keep-alive 经常和上一节介绍的动态组件结合起来使用。由于内容过多，keep-alive 的源码分...

vux2 和 Vue 官方 webpack 模板区别是什么？ vux2 和 Vue 官方 webpack 模板区别是什么？ vux2 模板 fork 自 webpack 模板并进行了配置，和 webpack 模板基本同步，因此建议直接使用 vux2 模板。 << 返回 【常见问题】

从data开始 深入 Observer 如果你之前看过我的这一篇文章 Vue1.0源码解析系列：实现数据响应化 ，那么你可以很轻松看懂 Vue2.x版本中的响应化，因为基本思路以及大部分代码其实都没有变化。当然没看过也没关系，不用去看，因为这里我会讲的非常详细。 数据响应我会分两章来讲，本章讲 Observer 相关，下一章讲 Watcher 。 ...

模板会被编译成 render 函数 render 函数如何生成 组件挂载和更新 模板会被编译成 render 函数 我们知道 Vue 组件可以通过两种方式写模板，一种是通过 template 写字符串，另一种方式是直接写 render 函数。我们最常用的就是 template 字符串模板。而render 函数我们一般不会用到。官方的一个 ...

我的源码阅读经历 Vue2.x有什么新东西 我要阅读源码应该如何入手 我的源码阅读经历 我一直相信，只有看懂源码才能真正掌握一个框架，只停留在API文档层面的人永远成不了大牛。可能这也是大牛和菜鸟的一个最重要的区别。 个人最早的源码解析文章写于 2013 年，是对jQuery的源码解析，那个时候好像 AngularJS 刚刚开始有人尝试，当然 V...

创建 VNode 创建 VNode 上面我们讲了mount整体流程，那么下面我们来看看 render 函数到底是如何工作的？为了能比较容易理解，我们来写一个简单的例子： Vue . component ( 'current-time' , { data () { return { ...

render函数生成的步骤概览 AST的生成：词法和语法分析 生成目标代码 render函数生成的步骤概览 如果大家有上过编译原理课，其实会比较容易看懂 compiler 模块的代码。所谓编译 就是把一种语言转换成另一种语言的过程。在我们这里就是把字符串模板转换成 render 函数的过程。一般来说一个编译器会包括三个部分： 词法分析：把字...

回顾$mount 之前发生了什么 Mount 开始 回顾$mount 之前发生了什么 借用 Vue 官方这张经典的图来说明: 然我们回顾下在我们调用 $mount 挂载组件之前都发生了什么？，如上图所示，主要发生了这么些事情： 构建 Vue 类，通过 initMixin , stateMixin 等各种 xxxxMixin 在 Vue...

在vue中操作什么属性，在接口中就要存在该属性的key. 发送层次很深的json 格式的参数 在vue中操作什么属性，在接口中就要存在该属性的key. 例如，vue页面，会在初始化时，请求一个接口： { products: [ { name: ‘a’ comment: ‘lalala’ }, { ...