Vue.js 使用Vuejs隐藏Show N div并@click[初学者]

我对如何根据单击隐藏和显示3个div感到困惑

我已经能够用v-show显示和隐藏2个div，但v-show不适用于2个以上的div

这是我没有vuejs的代码，因为我不知道如何使用v-else-if进行渲染

<div id="element_one">
  ONE
  <a>Go to two</a>
  <a>Go to three</a>
  Some content
</div>

<div id="element_two>
 <a>Go back to one</a>
 Some content
</div>

<div id="element_three>
  <a>Go back to one</a>
  Some content
</div>

对不起，我知道这是一个基本的问题，但如果你能指导我。 我在文档中看到了关于v-else-if的内容，但我仍然不清楚如何应用它。 我知道每个div都会对其应用一个display none，当它被激活时，它就会消失

所以基本上，当我通过相应按钮访问的div被激活时，两个div处于display none状态

谢谢。

使用v if指令
for using v if directive
<p v-if="inStock">{{product}}</p>
<p v-else-if="onSale">..</p>
<p v-else-if="onSale">..</p>
<p v-else-if="onSale">..</p>
and so on and the last is what`s below
<p v-else>..</>

you can also use v-show(note this toggles css property display:none)
<p v-show="showProductDetails">..</p>

{{product}



以此类推，最后一个是下面的内容
。。
您还可以使用v-show（注意，这会切换css属性显示：无）

您可以与vue.js共享您的代码吗？我没有，因为我不知道如何开始，抱歉：（我只是假设，但我不清楚您可以在vueYes中检查条件渲染，但在示例中它非常基本，比如在两个div之间切换，这就是为什么我怀疑是否有人可以指导我或解释v-else-if、按钮以及3个div之间的更改会发生什么。谢谢！我认为没有v-else-if选项。您可以使用v-if适用于所有具备适当条件的div。

for using v if directive
<p v-if="inStock">{{product}}</p>
<p v-else-if="onSale">..</p>
<p v-else-if="onSale">..</p>
<p v-else-if="onSale">..</p>
and so on and the last is what`s below
<p v-else>..</>

you can also use v-show(note this toggles css property display:none)
<p v-show="showProductDetails">..</p>