Vue中的组件分为两种，一种是自定义组件，另外一种就是内置组件。内置组件是Vue已经封装好的组件，总共就五个内置组件
Vue的内置组件其实我们在一些场景中使用过，但是我们没有系统的了解，这里我们总结一下所有的内置组件和其属性参数。
componen组件
这个内置组件用于动态切换页面部分区域的视图，它有两个属性：
-
is：根据它的值来渲染需要显示的视图 -
inline-template：用于表示是否能显示通过内联模板声明的视图
transition组件
这个内置组件用于单元素过渡，它的属性如下：
-
name：用于自动生成 CSS 过渡类名。默认类名为v -
appear：是否在初始渲染时使用过渡。默认为 false -
css：是否使用 CSS 过渡类。默认为 true。如果设置为 false，将只通过组件事件触发注册的 JavaScript 钩子。 -
type：指定过渡事件类型，侦听过渡何时结束。有效值为 “transition” 和 “animation”。默认 Vue.js 将自动检测出持续时间长的为过渡事件类型。 -
mode：控制离开/进入过渡的时间序列。有效的模式有 “out-in” 和 “in-out”；默认同时进行。 -
duration：指定过渡的持续时间。默认情况下，Vue 会等待过渡所在根元素的第一个transitionend或animationend事件。
transition-group组件
这个组件用于多元素过渡，它会渲染成一个真实的 DOM，默认渲染<span>，可以通过属性配置渲染元素，它的属性如下：
-
tag：用于配置渲染元素，默认值为 span -
move-class：覆盖移动过渡期间应用的 CSS 类
除了上述两个属性，其他属性和transition组件一样（除了 mode 之外）
keep-alive组件
keep-alive组件是一个抽象组件，及他既不渲染任何DOM元素，也不会出现在组件结构树中。我们可以使用他缓存一些非动态的组件实例（没有或不需要数据变化），以保留组件状态或减少重新渲染的开销。它的属性如下：
-
include：字符串或正则表达式。只有名称匹配的组件会被缓存。 -
exclude：字符串或正则表达式。任何名称匹配的组件都不会被缓存。 -
max： 数字。最多可以缓存多少组件实例。
slot组件
slot组件作为组件模板之中的内容分发插槽，slot元素自身将被替换，它的属性如下：
-
name：这个属性用于命名插槽。
以上五个组件我们在之前的学习中断断续续使用过，这里只是总结五个组件，具体使用过程见详情：
- componen组件见详情
- transition组件见详情
- transition-group组件见详情
- keep-alive组件见详情
- slot组件见详情
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
