Vue 3.0 内置组件

#component

• Props：

• is - string | Component

• 用法：

渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。is 的值是一个字符串，它既可以是 HTML 标签名称也可以是组件名称。

1. <!-- 动态组件由 vm 实例的 `componentId` property 控制 -->
2. <component :is="componentId"></component>
5. <!-- 也能够渲染注册过的组件或 prop 传入的组件-->
6. <component :is="$options.components.child"></component>
9. <!-- 可以通过字符串引用组件 -->
10. <component :is="condition ? 'FooComponent' : 'BarComponent'"></component>
13. <!-- 可以用来渲染原生 HTML 元素 -->
14. <component :is="href ? 'a' : 'span'"></component>

• 参考：动态组件

#transition

• Props：

• name - string 用于自动生成 CSS 过渡类名。例如：name: 'fade' 将自动拓展为 .fade-enter，.fade-enter-active 等。
• appear - boolean，是否在初始渲染时使用过渡。默认为 false。
• persisted - boolean。如果是 true，表示这是一个不真实插入/删除元素的转换，而是切换显示/隐藏状态。过渡钩子被注入，但渲染器将跳过。相反，自定义指令可以通过调用注入的钩子 (例如 v-show) 来控制转换。
• css - boolean。是否使用 CSS 过渡类。默认为 true。如果设置为 false，将只通过组件事件触发注册的 JavaScript 钩子。
• type - string。指定过渡事件类型，侦听过渡何时结束。有效值为 "transition" 和 "animation"。默认 Vue.js 将自动检测出持续时间长的为过渡事件类型。
• mode - string 控制离开/进入过渡的时间序列。有效的模式有 "out-in" 和 "in-out"；默认同时进行。
• duration - number | {  enter : number, leave : number }。指定过渡的持续时间。默认情况下ÿ