vue if or是vue的條件渲染語法之一,它可以根據(jù)條件來控制元素的顯示或隱藏。
<template>
<div>
<p v-if="isShow">這是一個(gè)示例</p>
<p v-else-if="age > 18">你已經(jīng)成年了</p>
<p v-else>你還未成年</p>
</div>
</template>
<script>
export default {
data() {
return {
isShow: true,
age: 20
}
}
}
</script>
在這個(gè)例子中,v-if指令用于控制元素是否顯示,v-else-if和v-else指令則用于在前一個(gè)條件不成立的情況下執(zhí)行其他條件的邏輯。
需要注意的是,v-if指令如果條件不成立,那么該元素將不會(huì)被渲染到視圖中,而v-show指令則只是將元素的display屬性設(shè)置為none,使其在視圖中隱藏,所以在某些情況下,使用v-show可能比v-if更為合適。