Vue高级特性

1. 自定义v-model
2. $nextTick
3. slot
4. 动态 异步组件
5. keep-alive
6. mixin

自定义v-model

$nextTick

slot

基本使用

作用域插槽

具名插槽

动态组件

比如

异步组件

就是什么时候用 什么时候再异步加载

作为一个方法返回 用到了再调用方法返回

缓存组件

场景

默认 渲染A

点击B

A被销毁 B被渲染

再点C

B被销毁 C被渲染

再点A

C被销毁 A重新渲染

因为v-if 所以会自动销毁

在外面包一层keep-alive

默认渲染A

再点B 再点C 没有被销毁

再点A,A也不会再重新渲染

v-show 通过css 层级来控制（子组件比较简单层级的）

keep-alive通过vue框架层级控制（子组件层级比较复杂的，比如切换TAB）

mixin

mixin缺点

方法会自己融合（像mounted） 像data中的变量就会自动覆盖

Vuex(有空写个购物车吧)

‘’

Vue-router

watch 和 computed的区别是：

相同点：他们两者都是观察页面数据变化的。

不同点：computed只有当依赖的数据变化时才会计算, 当数据没有变化时, 它会读取缓存数据。
watch每次都需要执行函数。watch更适用于数据变化时的异步操作。