vue系列（7）：内置标签的使用总结

1、component：

用于动态组件，可以动态绑定我们的组件，根据数据不同更换不同的组件；

---

2、template：

模板占位符，可帮助我们包裹元素，但在循环过程当中，template不会被渲染到页面上；

---

3、transition：过渡和动画

1. name - string，用于自动生成 CSS 过渡类名。例如：name: 'fade' 将自动拓展为 .fade-enter，.fade-enter-active 等。默认类名为 "v"
2. mode - string，控制离开/进入过渡的时间序列。有效的模式有 "out-in" 和 "in-out"；默认同时进行。

---

4、slot：插槽

//myButton.vue
<button>
<slot />
</button>

//按钮将替换进slot 
<my-button>
按钮
</my-button>

---

5、keep-alive：包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们

include 和 exclude prop 允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示：

1. include ：只有对应数组(逗号分隔字符串、正则表达式)内的组件会被缓存；
2. exclude ：除了name属性对应数组(逗号分隔字符串、正则表达式)内的组件不会被缓存，其它组件都会被缓存