Vue3 条件语句在 Vue 3 中，你可以在模板中使用多种条件语句来控制组件的渲染。主要的条件语句有 v-if、v-else-if、v-else 和 v-show，以下是它们的用法及区别：v-if：元素在条件为 false 时不会被渲染到 DOM 中，适用于条件变化不频繁的情况。v-show：元素总是渲染到 DOM 中，适用于条件变化频繁的情况，切换显示隐藏性能更好。v-else-if 和 v-else：用于处理多个条件分支，配合 v-if 使用。条件判断v-if根据表达式的真假条件性地渲染元素。如果表达式为真，则渲染该元素；如果为假，则不渲染（不会在 DOM 中生成该元素）。条件判断使用 v-if 指令，指令的表达式返回 true 时才会显示：v-if 指令在元素中使用 v-if 指令：<div id="app"> <p v-if="seen">现在你看到我了</p></div> <script>const app = { data() { return { seen: true /* 改为false，信息就无法显示 */ } }} Vue.createApp(app).mount('#app')</script>