1.什么是自定义指令：看完这段话，仍然是云里雾里。。。来看代码：看看效果：同时使用全局自定义指令：效果：仍然好使，并且不报错，那么优先级又是怎样的呢？效果：显然，同名的局部自定义指令会覆盖同名的全局自定义指令。

之前在公司复用其他项目的代码做开发的过程中，经常遇到混入的写法，由于以前学习的时候对混入这个功能并没有做深入的理解和详细的研究，所以在遇到混入的时候基本上都是一头雾水，以至于在开发中遇到使用混入的地方就发懵。

看结果，点击前：点击后：3.keep-alive：由于动态组件在使用时会发生组件的销毁和重新创建，所以极其耗费性能。而keep-alive的功能就是将失活的组件缓存起来，以便下次使用。先上代码：开始重现：失活后再重新创建开始重现：失活后缓存起来关键的地方：

举个例子：再来看看渲染结果：？？？？？？？？？wtf并且不会有任何的提示。。。3.高级的prop：为了避免上面的问题，通常需要对prop进行验证（1）类型验证：来看结果：抛错了：我要数组你给我个2是什么意思？瞬间清晰了许多。

1.上代码2.被监听者发生变化前3.被监听者发生变化后4.我的理解： {代码...} {代码...}

1.先看看效果2.来看看代码3.逐个击破（1）v-show：控制元素的display属性是否为none（2）v-if：控制是否在页面上添加或删除dom元素（3）opacity: 0;：css属性，控制元素的透明度（4）display: none;：css属性，控制dom元素是否显示4.性能上：（1）两者都会导致页面的重绘和重排，但v-show只是改变dom的css，而v-if控制的...

1.使用vue脚手架搭建的vue项目，每一个vue组件都需要在最外层/根节点使用template。2.template元素本身不会被渲染到页面中，所以通常用来做条件渲染。来看看渲染结果！！！