vue中v-if和v-show的相同点和区别

相同点：

• v-if和v-show都是控制元素的显示和隐藏

区别：

• v-if是真正的条件渲染，当条件为true时，元素被渲染，为false时元素被销毁。切换开销比较大
• v-show不管为true还是false，元素都被渲染，是利用css属性display来控制元素的显示和隐藏，当为true时，display的值为block，为false时，dispaly的值为none。初始渲染开销比较大

最佳使用情况：

• 当元素需要频繁切换显隐时，应该使用v-show
• 当元素极少切换显隐时，应该使用v-if