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

2019-01-02 分类：Vue.js 阅读(1973) 评论(0)

如果你对该文章中的内容有疑问/不解,可以点击此处链接提问

要注明问题和此文章链接地址点击此处跳转

<!-- 
    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)条件渲染