vue动态组件

动态组件

• 有时候我们希望在一个地方展示不同的组件信息内容，我们就可以使用动态组件。

• 实现

  <component is="组件名"></component>
  

  is属性的值是组件名， component标签用来渲染这个组件替代自己的位置

• 代码

  <template>
    <div class="tab">
        <div class="tit">
            <span :class="curComName=='Son1' ?'on':''" @click="change(1)">商品介绍</span>
            <span :class="curComName=='Son2' ?'on':''" @click="change(2)">规格与包装</span>