vue框架简介

1.vue框架优势

1. 体积小：最小33KB，提供多个使用版本，比如cdn或者开发&发布版本等。
2. 运行性能好：使用虚拟dom，mvvm模式等。
3. 文档易阅读：中文文档，从下向上扩展，方便理解。
4. 社区丰富：有vue-cli，vue-router等插件工具支撑。
5. 开发易上手：不需要像react&ng那样，需要你了解一些插件的用法才能上手和使用，提供cli脚手架，直接快速开发。

2.模块

1. 生命周期。
2. 指令：功能性属性，如v-if，v-for等等。
3. 事件修饰符：比如 @keyup.enter.native，可以解决表单问题enter问题；@submit.prevent：阻止表单默认行为。
4. 计算属性与监听器：解决表达式过度混乱导致模板难以维护问题。计算属性是基于它们自身的响应式依赖进行缓存的，监听器更多的是基于其他数据变动而变动。
5. 表单输入绑定（v-model）：双向数据绑定。
6. 组件-简介：可以是页面，也可以是一个功能模块，在项目中用的较多。
7. 组件-父子组件传值： 父子组件传值：props，自定义事件emit等等。
8. 组件-非父子组件传值：使用vuex建立仓库传值，或者建立common Vue实例来传值。
9. 插槽slot：解决组件dom渲染传递问题。
10. 动态组件与异步组件：keep-alive：缓存组件。异步组件：从api获取片段组件代码。
11. 混入mixin：类似引入组件，但更灵活，可以是js代码，某个api函数，也可以是组件，但不方便维护。
12. 路由：vue-router。
13. 过滤器：可以筛选dom元素的数据，进行格式化。

3.源码分析

1. vue响应式原理讲解-object
2. vue响应式原理讲解-array
3. 虚拟DOM&Diff