在公司做了一次vue相干的培训,本身整理了一些纲要。供人人参考进修!
固然 优先要先看官方文档
1. 项目组成及道理 Vue
主流框架看法及差异
- react ALL IN JS 天真
- angular 架构清楚 层级多 重
- vue 相似react并吸收了angular的一些长处
Node运转在服务端的JS
- 谷歌V8引擎 使JS言语能在服务器端运转
Webpack—一个前端的打包东西
- 模块化拆分js
- 使开辟环境的代码能被浏览器编译
Vue单页spa框架
- 实则是一个html
- 没有革新页面过渡可编译
Vue中心头脑
- 以数据驱动视图,只管罕用直接对DOM的操纵
- 一切都是模块组件
- 单向数据流
Vue-cli脚手架东西 客岁出的3.0
- 以更好的项目架构去搭建vue项目
- 打包建立一些须要的依靠
- Vue项目建立
- Vue的项目组成
Vue的一些经常运用es6 ECMAScript 6 入门
- var => let const
- 箭头函数 this指向
- 异步(promise)回调地狱
- 数组及解构赋值
2. Vue路由 Vue Router
路由的作用及事情道理
- 以途径为键做模块加载
- 路由的两种形式:hash history
- 基本路由的设置
- 路由全局守御beforeEach、beforeResolve 、afterEach、beforeEnter
- 组件内路由守御beforeRouteEnter、beforeRouteUpdate 、beforeRouteLeave
- 动态路由设置this.$router.addRoutes 只能增加顶级路由
- keep-alive activated deactivated
3. 模板语法
- v-if、v-for、v-show
- dom指令 v-if v-for
- 视图 v-show
- 巧用三元运算
- 要领绑定 ‘@’、’v-on’
- 修饰符
- 数据绑定 ‘:’、’v-bind’、’v-model’
4. Vue实例对象
- 实例this
vue函数对象
- this指向当前函数对象
要领对象methods
- 一切挪用的要领集
数据对象data
- 数据驱动视图的中心
- 只当create的时刻赋值一次
盘算属性computed 机能上风
- 应用缓存盘算
- 不能直接修正
过滤器filter 注重this
- 对字符串举行加工处置惩罚
- 过滤器中取不到this
数据监听watch 慎用深度监听
- 对数据举行监听 做响应行动
- 深度监听影响机能
生命周期 beforecreated、created、beforeMount、mounted、beforeUpdate、updated、beforeDestory、destoryed
- 经常运用created 猎取数据,不触发updated,不形成页面2次衬着
- 经常运用mounted 操纵dom,触发update,形成页面2次衬着
5. 组件
- 组件援用誊写 ‘components’
- 组件传参 props 传要领@
- 修饰符sync语法糖
- v-model语法糖
父子组件交互 $emit $refs
- 子组件经由过程$emit触发父组件传入的要领,并传入参数
- 父组件经由过程在子组件增加ref,在要领顶用$refs来拿子组件中的参数或调取子组件要领
6. 状况治理 VueX
- VueX是什么,为何要运用VueX
- VueX的运用mutations、Action