码迷,mamicode.com
首页 > Web开发 > 详细

Vue.js之v-if

时间:2016-10-30 23:49:21      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:rand   切换   log   开始   vue   class   color   show   code   

---恢复内容开始---

首先,在跟着api做的时候,要把v-if包裹在Vue对应的el里面,重要的事情说三遍。

html:

<div id="vif">
    <div v-if="Math.random() > 0.1">
        Now you see me
    </div>
    <div v-else>
        Now you don‘t
    </div>
</div>

js:

var app13=new Vue({
    el:‘#vif‘
});

这样才能显示其中一个标签的内容。(v-else必须紧挨着v-if)

v-show与v-if 的区别在于v-show所对应的元素会一直被渲染出来,v-show所做的只是切换该元素的css属性。v-if值如果是false,则该元素不会出现在DOM中

 

---恢复内容结束---

Vue.js之v-if

标签:rand   切换   log   开始   vue   class   color   show   code   

原文地址:http://www.cnblogs.com/imgss/p/6014260.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!