component标签使用

Zhencode

于 2019-11-12 17:34:36 发布

阅读量565

点赞数

CC 4.0 BY-SA版权

分类专栏： vue组件

本文链接：https://blog.youkuaiyun.com/Zhencode/article/details/103034669

vue组件专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用Vue.js实现动态组件切换的方法，通过v-bind:is指令绑定当前要显示的组件名，实现不同组件之间的灵活切换。示例中包含了三个简单的组件a、b、c，并通过data属性控制当前展示的组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<component v-bind:is="who"></component>
const coma={
    template:`<h1>a</h1>`
  }
  const comb={
    template:`<h1>b</h1>`
  }
  const comc={
    template:`<h1>c</h1>`
  }
  var vm=new Vue({
    el:'#app',
    data:{
      who:"coma"
    },
    components:{
     "coma":coma,
     "comb":comb,
     "comc":comc
    }
  })