这次想要自己学着实现简单版的vue，从而对vue有更加深入的理解。
推荐一个好用的vscode插件，可以本地快速启动服务器，并运行html文件，且拥有热加载功能："live server"。
01、看看真正的Vue
首先，我们都知道，当使用 new Vue 的时候，就可以将 html 中的模板{{}}用 data 里面的数据替换，如下：
<!DOCTYPE html>
此时，vue 会找到 el 这个节点，（如果有 template 属性，则会将此字符串模板编译为 render 函数），然后生成抽象语法树（AST），然后用data替换对应的数据，创建虚拟DOM，生成真正的DOM，并最终挂载到文档中。
既然我们要一步一步来，那么先只看最基本的：拿到节点，进行编译，将节点与数据结合，并替换节点。
02、数据与模板结合
这里我们分为四个步骤来实现。
1. 获取节点
const 2. 声明数据
const 3. 将数据与模板结合，这里的模板就是克隆的节点。需要深度遍历这颗树，方法有递归或者用栈保存遍历的节点，这里采用递归实现。
function 4. 替换节点
rootElement03、效果
加载script前：
加载script后：
详细的代码请看我的
欢迎关注我的公众号查看更多系列文章~
992
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
