vue在动态html中渲染组件,vue内置组件component--通过is属性动态渲染组件操作

我就废话不多说了，大家看代码吧~

{ {msg}}

{ {msg}}

{ {msg}}

//局部定义三个组件

const Home = {

template:"#home",

data(){

return{

msg:"这里是home组件"

}

}

}

const Fenlei = {

template:"#fenlei",

data(){

return{

msg:"这里是fenlei组件"

}

}

}

const My = {

template:"#my",

data(){

return{

msg:"这里是my组件"

}

},

}

//vue 实例

var vm = new Vue({

el:"#app",

components:{

Home,

Fenlei,

My

},

data:{

msg:"hello world"