从2018.01开始,学习VUE框架,并编写一个简化的框架 xiao。
- es6
- rollup
- flow
- eslint
- flow静态检查工具
- rollup代码打包工具
- eslint代码风格检查工具
- VSCode代码格式插件,使用
EditorConfig插件
加.editorconfig
配置文件。
- 编译环境搭建(rollup+flow+babel)
- 编译环境搭建2(引入开发和发布环境打包脚本)
- 生成语法树
- 生成render函数
- 生成虚拟dom并渲染dom
- 监听子属性和新加的属性
- 支持指令,支持自定义指令
- 支持show指令支持指令表达式
- 实现插件
- 实现国际化i18n插件
- 支持 :(bind)指令
- 支持 @(on)指令
- 支持 if/else指令
- 支持 $emit
- 双向数据绑定 1 2
- 实现支持组件1 2
- 实现组件支持插槽
- 支持template
- 支持作用域插槽
- 动态组件
- 实现异步消息队列,实现nextTick
- 实现支持filter
- 实现属性的观察(监听)
- 支持computed属性