vue -- 条件判断语句

vue条件判断语句跟js条件判断一样

HTML

<div >
    <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 >
    <div v-if="block===true">block为true显示</div>
    <div v-else>block为false显示</div>
</div>

也可以写三元表达式

<div >
    <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>