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