v-if 和v-show的区别

区别：

• v-show 是通过控制display属性来进行dom的显示与隐藏
• v-if 是真正意义上的条件渲染，为true是渲染（dom存在），为false时不存在（dom不存在）

性能：

1. v-if有更高的切换开销，v-show有更高的初始渲染开销。
   如果需要频繁的切换，使用v-show比较好，如果运行条件很少改变，使用v-if比较好。
2. v-show比v-if性能更高，因为v-show只能动态的改变样式，不需要增删DOM元素。
   所以当程序不是很大时候，v-if和v-show区别都不大，如果项目很大，推荐多用v-show，较少浏览器后期操作的性能。
3. 需要多种条件场景，比如id=1，=2，=3…时候，因为只有v-if，可以和v-else等连用，这种比较适合用v-if
4. v-show不支持语法
5. v-if切换的时候会实时的销毁和重建内部的事件、钩子函数等，v-show只会初始化渲染时候执行，再切换时候不会执行生命后期的过程。