html component标签,(九)Component标签

本节知识点

组件标签

模板标签用的``

概述

标签是vue自定义的标签。可以动态绑定我们的组件，根据数据不同更换不同的组件

componet标签

Title

点击我变换

var jsona = {

template:`

启用第一个模板

`

}

var jsonb = {

template:`

启用第二个模板

`

}

var jsonc = {

template:`

启用第三个模板

`

}

var app = new Vue({

el:"#app",

data:{

who:"jsona"

},

components:{

jsona :jsona,

jsonb:jsonb,

jsonc:jsonc

},

methods:{

change:function(){

if(this.who=="jsona")

{

this.who="jsonb";

}else if(this.who=="jsonb")

{

this.who = "jsonc";

}else if(this.who=="jsonc")

{

this.who = "jsona";

}

}

}

})