(实现)vue.js最简实现
Vue.winward.js
vue.js最简实现(the most simple vue.js)
让所有人都看得懂Vue原理建议看完Vue.winward.js后,
结合
mpvue源码解读
单页应用路由实现没那么难--Vue,
再看一遍Vue源码
Mind
- vue.js是一个响应式库,在这里我将它剖开:
- 实现响应式最少需要哪几个部分?
- 数据跟踪
- 模板编译
- 页面渲染
- 所以你也可以看到功能性代码分到3个js文件中
Done
- 数据跟踪 --- watchData.js
- 模板编译 --- complieData.js
- 页面渲染 --- renderData.js
Todo
- 数据跟踪 --- 实例类型(本项目中 只有一个实例,而vue有 “
app
”,“component
”等),props - 模板编译 --- 生命周期,语法糖
- 页面渲染 --- 虚拟dom
Run Setup
-
双击index.html
(click index.html
)