vue打卡－v-if

• v-if&v-show

<div id="app">
    <p v-if="true" style="background-color: blue">{{message}}</p>
    <p v-if="false" style="background-color: yellow">{{message}}</p>
    <p v-show="true" style="background-color: red">{{message}}</p>
    <p v-show="false" style="background-color: orangered">{{message}}</p>
</div>

 let vm  = new Vue({
        el:"#app",
        data:{
            message:"数据"
        }
    })
    //条件表达式
    //v-if =　"表达式" 没有该元素
    //v-show = "表达式"　p display:none

结果.png