v-if v-if 是一个强大且灵活的指令,用于完全控制 DOM 元素是否显示或隐藏。如果表达式的值为 `true`(非空),则该元素会被插入到 DOM 中;如果其值变为 `false` 或者是空的,则该元素会从 DOM 中移除。
# 示例代码
```vue
已登录 未登录
v-show v-show 和 v-if 的功能类似,但是它通过修改 CSS `display` 属性来控制元素的可见性。这意味着使用 v-show 的渲染性能通常比使用 v-if 更好,因为它不需要进行 DOM 删除和插入操作。
# 示例代码
```vue
已登录