vue的用法

1.computed和watch

computed有缓存, data不变则不会重新计算
computed 从现有数据获取新的数据

2.条件渲染

v-if v-else的用法,可使用变量,也可以使用===表达式
v-if和v-show的区别?
v-if和v-show的使用场景?
dom切换频繁 用v-show  一次显示与隐藏用v-if

3. Vue-router路由模式

hash模式(默认) ,如http://abc.com/#/user/10
H5 history模式,如http://abc.com/user/20

后者需要server端支持,因此无特殊需求可选择前者
mode:'history'|'hash'

4.Vue-router使用

路由模式( hash、H5 history )
路由配置(动态路由、懒加载)

路由守卫钩子
全局，组件独享，组件内部

5.Vue组件

dispatch
commit

mapGetters
mapActions
mapState
mapMutations

6.mixin

多个组件有相同的逻辑,抽离出来
mixin并环是完美的解决方案,会有一-些问题

变量来源不明确，不利于阅读
多mixin可能会造成命名冲突
mixin和组件可能出现多对多的关系,复杂度较高

7.动态组件

 <component :is="currentView"></component>

 components: {
     ComB,ComA
  },
  data(){
    return {currentView:"ComB",
 }

8.父子组件生命周期顺序

index created
list created
list mounted
index mounted
创建从外到内容，渲染从内到外。

9.更新

index before update
list before update
list updated
index updated

10.Vue高级特性

自定义v-model
动态、异步组件
$nextTick
keep-alive
slot
mixin

11.动态组件

 <component :is="currentView"></component>

 components: {
     ComB,ComA
  },
  data(){
    return {currentView:"ComB",
 }