阅读目录 Vue 的源码目录结构 预备知识 先捡软的捏 Angular 是 Google 亲儿子，React 是 Facebook 小正太 ...

阅读目录 编译器代码入口文件 Vue.prototype.$mount 构建 AST 的一般过程 Vue 构建的 AST Vue 的 ...

阅读目录 AST 节点定义 标签的正则匹配 解析用到的工具方法 解析开始标签 解析结束标签 解析文本 解析整块 HTML 模板 ...

学习的过程是漫长的，只有坚持不懈才能到达到自己的目标。 1.vue中数据的双向绑定采用的时候，数据劫持的模式。其实主要是用了Es5中的Object.defineProperty;来劫持每个属性的ge ...

.first-level{ font-size: 1.2rem; cursor: default; color: #666; } ...

1.Vue与模板 vue是如何使用的： 编写页面模板 创建Vue实例 在Vue构造函数中提供：data、methods、computed... 将Vue挂载到页 ...

。 。 ...

阅读目录 优化 AST 生成 render 函数 小结 本来以为 Vue 的编译器模块比较好欺负，结果发现并没有那么简单。每一种语法指令都 ...

阅读目录 Vue 实例的生命周期 实例创建 响应的数据绑定 挂载到 DOM 节点 结论 研究 runtime 一边 Vu ...

Vue 中我们是通过 $mount 实例方法去挂载 vm 的，$mount 方法在多个文件中都有定义，如 src/platform/web/entry-runtime-with-compiler.js ...