Question

vue.js中自定义组件使用时，定义了两个内容，<span>和<button>，在显示的时候只能显示其中的一个。

<div id="app"> <my-count content="喜欢"></my-count><br/><br/><br/> <my-count content="不喜欢"></my-count> </div> <template id="count_tem"> <button @click="count += 1">submit{{ count }}</button> <span>{{ content }}</span><br/><br/><br/> </template> <script src="src/vue.min.js"></script> <script> Vue.component('my-count',{ template : '#count_tem', props :['content'], data : function(){ return{count : 0}; } }); new Vue({ el:'#app' }); </script>

Answer 1

<button @click='onclick'></button>
<div>
<mycomponent v-if='showcom'></mycomponent>
</div>

{
data: {
showcom: false
}
methods: {

onclick: function () {
this.showcom = true;
}
}

}

追问

我想知道我的代码有什么问题。。谢谢。