vue题型

一　 v-show和v-if区别

个人理解

相同：v-show和v-if都能控制元素的显示和隐藏。两个都是开关。

区别：

１.v-if 是懒加载，是有条件的渲染，它会确保在切换过程中添加或者删除元素。

２.v-show 则直接渲染元素，再判断display是否显示或隐藏。

３.v-if 的是切换开销,每一次切换都是在创建与销毁，而 v-show 是初始开销，直接渲染完成。

　因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。

4.在性能上,v-show比v-if性能好一点.

注意：v-show实际是操作css的display显示或者隐藏，当css本身display被设置时，v-show将无法使用