• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <component>

    • Props:is-string | Component
    • 用法:渲染一个“元组件”为动态组件。依is的值,来决定哪个组件被渲染。is的值是一个字符串,它既可以是 HTML 标签名称也可以是组件名称。
    <!--  动态组件由 vm 实例的 `componentId` property 控制 -->
    <component :is="componentId"></component>
    
    <!-- 也能够渲染注册过的组件或 prop 传入的组件-->
    <component :is="$options.components.child"></component>
    
    <!-- 可以通过字符串引用组件 -->
    <component :is="condition ? 'FooComponent' : 'BarComponent'"></component>
    
    <!-- 可以用来渲染原生 HTML 元素 -->
    <component :is="href ? 'a' : 'span'"></component>
    

    下篇:<transition>