v-if与v-show区别:
v-if : 条件渲染。 如果不满足条件,则该元素不会添加到DOM树中
v-show: 显示与隐藏。 只是修改元素的display属性值
v-if本质其实是动态的创建或者删除元素节点。一般不用频繁切换, 要么显示,要么隐藏的情况,我都会用v-if。因为v-if是惰性的,如果初始值为false,那么这些元素就直接不创建了,这样就可以节省一些初始渲染开销。
v-show本质是在控制元素的css样式,display:none;一般元素需要频繁的切换显示隐藏,用v-show。因为v-if在频繁切换会大量的创建和删除元素,消耗性能。