vuejs

VUE中的v-if與v-show

v-if是動態的向DOM樹內添加或者刪除DOM元素；v-show是經過設置DOM元素的display樣式。

若是v-show做用的元素，css文件中display:none，經過v-show進行設置不能顯示該元素。

緣由：v-show控制顯隱，是經過js代碼去修改元素的element style，若是value爲false，設置display: none;若是value爲true，設置display: ''；因而value爲true時，只能將element style中的display效果清除，並不能覆蓋css中的display效果。

 

使用v-show的話，在vue解析以前隱藏DOM的話，儘可能在style屬性裏面設置display的值，不要在css文件中。

<ul v-touch:tap="message=2" style="display: none" v-show="show">