v-show 和 v-if 都能控制元素的显示和隐藏
v-show 只是在 display 的 none 和 block 之间切换,DOM 节点一直存在,只是在控制 css。v-show 在初始化渲染有较高的开销,但切换开销比较少。
v-if 是动态的添加删除 DOM 节点,只有满足条件才会渲染节点,切换有一个局部编译和卸载的过程
v-show 只编译一次,而 v-if 不断的销毁创建。 所以 v-show 适合用于频繁切换的场景,基于 v-if 的懒加载渲染机制,可以减少页面的初始渲染开销