v-if 和 v-show 都可以让元素不显示, 区别?

• v-if: 不加载元素
• v-if 指令: 当条件为真的时候 才会触发相关的代码

<div v-if="true">Hello</div>
<div v-if="false">Vue</div>

• v-show: 加载元素但是用 css来隐藏

<div v-show="false">world</div>

• v-if 和 v-show 的取舍?

1. v-show: 把元素准备好, 随时可以展示; 适合元素频繁切换显示
2. v-if: 如果满足条件再展示; 适合元素切换不频繁的场景