我是如何理解v-if和v-show的

v-if本质其实是动态的创建或者删除元素节点。一般不用频繁切换, 要么显示, 要么隐藏的情况, 我都会用 v-if。因为v-if是惰性的, 如果初始值为 false, 那么这些元素就直接不创建了, 这样就可以节省一些初始渲染开销。

v-show本质是在控制元素的 css 样式,display: none;，一般元素需要频繁的切换显示和隐藏, 用 v-show。因为v-if在频繁切换会大量的创建和删除元素, 消耗性能。