vue -- 條件判斷語句

vue條件判斷語句跟js條件判斷一樣
HTML

<div id="app">
    <div v-if="block">block為true顯示</div>
    <div v-else>block為false顯示</div>
</div>

JS

let app = new Vue({
    el: "#app",
    data: {
        block: true
    }
})

v-if
v-else-fi
v-else
也可以同JS一樣寫表達式

<div id="app">
    <div v-if="block===true">block為true顯示</div>
    <div v-else>block為false顯示</div>
</div>

也可以寫三元表達式

<div id="app">
    <div v-if="block===1 ? true : false ">block為true顯示</div>
    <div v-else>block為false顯示</div>
</div>

二、條件渲染

根據條件判斷語句，我們可以進行條件渲染我們想要的數據

<div v-if="isShow === true">
    <div>展示想要的</div>
</div>
<div v-else>
    <div>展示不想要的</div>
</div>