v-show和v-if的区别

`v-if` 指令用于条件性地渲染一块内容。如果表达式的值为 falsy，则该元素及其子元素都不会被渲染，而该元素上绑定的事件监听器也不会被注册。

`v-show` 指令用于条件性地显示一块内容。如果表达式的值为 falsy，则该元素被设置为 display: none;，而该元素上绑定的事件监听器仍会被注册。

总结来说, v-if 是“真正”的条件渲染，因为它会从 DOM 中移除不符合条件的元素。v-show 是条件隐藏，即使元素不符合条件，它也始终会被渲染并保留在 DOM 中，只是简单地设置了 CSS 的 display 属性。