欢迎光临
感谢一路有你

vue学习初体验(12)条件渲染

如果你对该文章中的内容有疑问/不解,可以点击此处链接提问
要注明问题和此文章链接地址 点击此处跳转
 
<!-- 
    v-if
        v-else
        v-else-if

    v-show  相当于display:none





 -->

<html>
<title></title>
<body>
    <div id="app" >
        <div v-if="show">{{message}}</div>
        <div v-else>11</div>
        <!-- <div v-show="show">
            {{message}}
        </div> -->
    </div>

    
</body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    var vm = new Vue({
        el:"#app",
        data:{
            show:false,
            message:'hello'
        }



    })

    

</script>
        
        
        
</html>

 

赞(0) 打赏
未经允许不得转载:王明昌博客 » vue学习初体验(12)条件渲染
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏