v-if 与 v-show 的区别

v-if 与 v-show 的区别

v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点。

v-show只是在修改元素的css样式，也就是display的属性值，元素始终在Dom树上。

 

template元素不支持v-show指令，即v-show="false"对template元素来说不起作用。但是此时的template元素支持v-if、v-else-if、v-else、v-for这些指令。

 

template 模板标签是vue中的标签并不是HTML中的Dom元素。也就是说css样式对template是不起作用的。所以 template元素不支持v-show指令。