vue打卡-v-if

2019-05-19  本文已影响0人  QinRenMin
<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
上一篇 下一篇

猜你喜欢

热点阅读