vue中v-if和v-show有什么区别？

两个都是让元素不可见。但是两个选项有区别

1. v-if 在条件切换时，会对标签进行适当的创建和销毁，而v-show则仅在初始化时加载一次，因此v-if的开销比v-show大
2. v-show控制的时元素的display属性，无论初始条件是否成立，都会渲染标签。而v-if是惰性的，只有在条件成立时才渲染为真实的标签，条件为假，不会去渲染标签

项目中如何使用？

• 当初始条件为假时，v-show初始渲染开销较高,使用v-if
• 当我们频繁切换开关是，v-if切换开销较高,使用v-show
• 多路分支，只能选择v-if
• 具体看开发项目的时候是否频繁操作DOM