VueStudyNote
VueStudyNote copied to clipboard
Published
20 hours ago •
xwjie
xwjie
vue学习笔记
Vue框架学习笔记
从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属性
xwjie