v-if&&v-for&&v-show
(1)v-if:通过删除和添加节点来显示页隐藏节点,是直接操作DOM的指令,当频繁切换节点时,会频繁的造成重排和重绘,导致效率降低,不建议使用它;而在操作节点不频繁的情况,比如说系统权限问题时,比较适合使用v-if,使用的语法如下:
<div @click="change">
<button type="button">第一个</button>
<button type="button">第二个</button>
<button type="button">第三个</button>
</div>
<!--满足条件的元素才会渲染到页面上-->
<p v-if="index === 1">页面1</p