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属性