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>