Vue.js之v-if

---恢復內容開始---

首先，在跟着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中

 

---恢復內容結束---