随笔分类 - 大白话Vue源码系列
摘要：初看runtime源码，如入迷宫，小模块间跳来跳去，我是谁，我在哪，我为什么要打开它；再看runtime，眉目初现，绘出调用栈，如坐时光机，骨架渐渐明晰。再再看，炳如观火，代码层次结构已了然于胸。Vue 运行时模块主要是围绕 Vue 实例的生命周期展开的，它涵盖了 Vue 实例生命周期内所需要的全部设施，包括实例创建，响应的数据绑定，虚拟 DOM 等关键部分。本篇通过对 Vue 生命周期的各个阶段进行解析，从而描绘出 Vue 运行时的空中鸟瞰图。
阅读全文
摘要：本来以为 Vue 的编译器模块比较好欺负，结果发现并没有那么简单。每一种语法指令都要考虑到，处理起来相当复杂。上篇已经生成了 AST，本篇依然对 Vue 源码做简化处理，探究 Vue 是如果根据 AST 生成所需要的 render 函数的。
阅读全文
摘要：Angular 是 Google 亲儿子，React 是 Facebook 小正太，那咱为啥偏偏选择了 Vue 下手，一句话，Vue 是咱见过的最对脾气的 MVVM 框架。之前也使用过 knockout，angular，react 这些框架，但都没有让咱产生 follow 的冲动。直到见到 Vue，简直是一见钟情啊。本篇将深入简出地探讨 Vue 根据 html 模板片段构建出 AST 的具体过程。这对 Vue 的使用通常没什么帮助，但熟悉这个过程会对 Vue 的内部工作原理有更清晰的认识。
阅读全文
摘要：Vue 的编译器模块相对独立且简单，本篇就从这块入手，先把它干掉。
阅读全文
摘要：Angular 是 Google 亲儿子，React 是 Facebook 小正太，那咱为啥偏偏选择了 Vue 下手，一句话，Vue 是咱见过的最对脾气的 MVVM 框架。之前也使用过 knockout，angular，react 这些框架，但都没有让咱产生 follow 的冲动。直到见到 Vue，简直是一见钟情啊。本系列的目的不是介绍如何使用 Vue，而是希望把 Vue 的源码实现思路简单清晰地描绘出来，从而摸清一个 MVVM 框架是如何工作的，并从中学习封装轮子（库或框架）的各种实用技巧。
阅读全文
