一、v-if和v-show区别
v-if和v-show都是Vue中的条件渲染指令，它们可以根据给定的表达式的真假条件来显示或隐藏元素。但是，它们的实现方式有所不同。
v-if：根据表达式的值的truthy还是falsy来销毁或重建元素及它的所有子组件。当条件为假时，元素会从DOM中删除，当条件为真时，元素会重新渲染，并且任何初始化的状态也会重新被计算。因此，当需要在条件真假之间切换频繁时，v-if是慢的。
这是一个v-if元素
v-show: 仅仅是基于CSS的切换。无论条件是什么，元素总是会被渲染，只是简单地设置CSS的display属性。因此，当需要频繁切换显示/隐藏时，v-show更加快速。
这是一个v-show元素
二、v-if的高级用法
除了基本的条件渲染功能，v-if还有以下高级用法。
1、v-else
v-else可以在v-if指令的后面使用，用于在条件不满足时显示备选内容。
这是一个v-if元素
原创文章，作者：FSEFY，如若转载，请注明出处：https://www.506064.com/n/372581.html
微信扫一扫 
支付宝扫一扫 