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">