一晤硕、基礎(chǔ)語(yǔ)法
v-if
v-else
v-else-if
v-show
v-if和v-show的區(qū)別
v-if可以實(shí)現(xiàn)更多條件判定悼潭，而v-show只能實(shí)現(xiàn)真假判定v-show會(huì)加載組件，只是不顯示出來(lái)舞箍；v-if則不會(huì)加載組件舰褪。所以v-show有較高的初始渲染開(kāi)銷(xiāo)，v-if則會(huì)有比較高的使用加載時(shí)開(kāi)銷(xiāo)
二疏橄、v-if
使用下述代碼替換 app.vue中的代碼
<script setup>
const flag = 3
</script>
<template>
<p v-if="flag===1">flag=1 的時(shí)候才會(huì)打印</p>
<p v-else-if="flag===2">flag=2 的時(shí)候才會(huì)被打印</p>
<p v-else>flag不等于1和2的時(shí)候才會(huì)被打印</p>
</template>
三占拍、v-show
使用下述代碼替換 app.vue中的代碼
<script setup>
const res1 = true
const res2 = false
</script>
<template>
<p v-show="res1">為真時(shí)可以看到</p>
<p v-show="res2">為假時(shí)看不到</p>
</template>
