vue框架简介
前端小菜-贺俊兰 2019-08-26 VUE
# 1.vue框架优势
1. 体积小:最小33KB,提供多个使用版本,比如cdn或者开发&发布版本等。
2. 运行性能好:使用虚拟dom,mvvm模式等。
3. 文档易阅读:中文文档,从下向上扩展,方便理解。
4. 社区丰富:有vue-cli,vue-router等插件工具支撑。
5. 开发易上手:不需要像react&ng那样,需要你了解一些插件的用法才能上手和使用,提供cli脚手架,直接快速开发。
# 2.模块
- 生命周期。
- 指令:功能性属性,如v-if,v-for等等。
- 事件修饰符:比如 @keyup.enter.native,可以解决表单问题enter问题;@submit.prevent:阻止表单默认行为。
- 计算属性与监听器:解决表达式过度混乱导致模板难以维护问题。计算属性是基于它们自身的响应式依赖进行缓存的,监听器更多的是基于其他数据变动而变动。
- 表单输入绑定(v-model):双向数据绑定。
- 组件-简介:可以是页面,也可以是一个功能模块,在项目中用的较多。
- 组件-父子组件传值: 父子组件传值:props,自定义事件emit等等。
- 组件-非父子组件传值:使用vuex建立仓库传值,或者建立common Vue实例来传值。
- 插槽slot:解决组件dom渲染传递问题。
- 动态组件与异步组件:keep-alive:缓存组件。异步组件:从api获取片段组件代码。
- 混入mixin:类似引入组件,但更灵活,可以是js代码,某个api函数,也可以是组件,但不方便维护。
- 路由:vue-router。
- 过滤器:可以筛选dom元素的数据,进行格式化。