vue template的问题 50
<divid="app"><span>{{msg}}</span><aaa></aaa></div><templateid="aaa"><h1>子组件内容-{{a}}</...
<div id="app">
<span>{{msg}}</span>
<aaa></aaa>
</div>
<template id="aaa">
<h1>子组件内容-{{a}}</h1>
<button>改变</button>
</template>
</body>
<script>
var vm = new Vue({
el:"#app",
data:{
msg:'父组件数据'
},
components:{
"aaa":{
data(){
return {
a:'子组件数据'
}
},
template:'#aaa',
},
}
})
</script>
这个template标签里面的内容只能加一个html标签吗,我多加了一个button按钮就提示说什么只能有一个根组件???那template这个怎么用啊,每个template里面不能写html了? 展开
<span>{{msg}}</span>
<aaa></aaa>
</div>
<template id="aaa">
<h1>子组件内容-{{a}}</h1>
<button>改变</button>
</template>
</body>
<script>
var vm = new Vue({
el:"#app",
data:{
msg:'父组件数据'
},
components:{
"aaa":{
data(){
return {
a:'子组件数据'
}
},
template:'#aaa',
},
}
})
</script>
这个template标签里面的内容只能加一个html标签吗,我多加了一个button按钮就提示说什么只能有一个根组件???那template这个怎么用啊,每个template里面不能写html了? 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询