手写 Vue 核心原理

一.使用 Rollup 搭建开发环境

1.什么是 Rollup?

2.环境搭建

二.Vue 响应式原理

1.初始化数据

2.递归属性劫持

3.数组方法的劫持

4.数据代理

3. 模板编译

将 template 编译成 render 函数

1.解析标签和内容

2.生成 ast 语法树

语法树就是用对象描述 js 语法

3.生成代码

template 转化成 render 函数的结果

4.生成 render 函数