点击按钮显示div内容，再点击按钮显示另一个div内容，用JS怎么写

只能显示，不能隐藏

<button @click='onclick'></button>
<div>
<mycomponent v-if='showcom'></mycomponent>
</div>
{
data: {
showcom: false
}
methods: {
onclick: function () {
this.showcom = true;
}
}
}