【原创】手把手教你实现一个 Vue.js

在上一篇文章中我们通过不到 80 行的代码实现了一个超极简的 Vue 框架，点我查看，它实现了 Vue 最核心的数据绑定功能，使得我们可以通过修改源数据让视图进行更新，但是把它运用到真实的项目上还差得远，所以今天我们要来升级下我们的框架。

实现目标

• 使用 es6 的模块语法进行加载
• 新增统一的初始化入口
• 从单层对象的响应式升级成多层
• 去除所有的全局变量以及相关逻辑

目标已经确定，开始我们的项目升级！

模块化加载

之前我们项目所有代码都是在同一个 html 文件的 <script> 标签下，所以现在我们要将不同功能的代码进行模块化。但是笔者在这边不会使用现在流行的任何打包工具，如 webpack rollup 等，而是使用浏览器提供的标准导入方法 <script type="module">，这样可以jian'shao