vue中v-show和v-if的不同

1.共同点：都能控制元素的显示和隐藏。

2.不同点：实现本质方法不同，v-show本质就是通过控制css中的display设置为none,控制隐藏，只会编译一次，不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换；v-if是动态的向DOM树内添加或者删除DOM元素，若初始值为 false,就不会编译了。而且v-if不停地销毁和创建比较消耗性能。

3.总结：如果频繁切换某节点，使用v-show(切换开销比较小，初始开销比较大)。如果不需要频繁切换某节点使用v-if(初始渲染开销较小，切换开销比较大)。