vue中v-if 和 v-show 的区别

v-if 是 ‘真正’ 的条件渲染，因为他会确保在切换过程中  条件块内的事件监听器和子组件 适当的被销毁和重建；v-if 也是惰性的，如果在初始化渲染时条件为假，则什么也不做，直到条件第一次变为真时，才开始渲染条件块；

v-show ,不管初始化条件是什么，元素总会被渲染，并且只是简单的基于css进行切换；

一搬来说，v-if 具有更高的切换开销，v-show 具有更高的初始化渲染开销，所以，如果需要频繁的切换的话，使用v-show更好；如果是很少改变，使用v-if 更好；

v-if 和 v-for ,不推荐两者一起使用在同一个元素上，虽然也能运行，但是编辑器会报警告；两者一起使用时，v-for比v-if具有更高的优先级，