vue中v-if和v-show区别

在使用vue.js进行前端开发时，有两个命令较为常用，v-if和v-show,他们都可以用于控制元素的现实与否，在外观上他们的执行结果是相同的，但是，他们也有不同的地方。
v-if才是真正意义上的条件渲染，即条件为真时才进行渲染，根据表达式适当地重建，销毁元素及绑定的子组件或者是事件等；
但是v-show类似于CSS中的display,只是简单的CSS属性变换，无论表达式是否为真，都会编译。
两者对比而言，v-if更加适合不经常改变的情况，因为切换的开销较大；而v-show更加适合经常变更的情况，因为切换的开销并不是很大。