vue学习笔记17 component 标签


component 标签

Vue框架自定义的标签,它的用途就是可以动态绑定我们的组件,根据数据的不同更换不同的组件。

 

例:

1、自定义3个组件

var cpA={

  template:`<div>我是组件A</div>`

}

...

2、在构造器里挂载组件

components:{

  "cpA":cpA

}

 

3、html里插入component标签,并绑定who数据,根据who的值不同,调用不同的组件。

<component v-bind:is="who"></component>
<button @click="changeCp">更换组件</button>

methods:{
  changeCp:function(){
  if(this.who=="cpA"){
      this.who="cpB"
    }else if(this.who=="cpB"){
      this.who="cpC"
    }else{
      this.who="cpA"
    }
  }
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM