v-else 条件分支（否则）

最后更新：2026-10-22

v-else 为 v-if 提供「否则」分支：v-if 为假时渲染它，不需要表达式。

📝 语法

<p v-if="loggedIn">欢迎回来</p>
<p v-else>请先登录</p>

expression	无表达式

返回值：指令，无返回值

修改下面的代码，在预览区实时查看效果：

输出：

页面显示「及格」；把 score 改成 50 后显示「不及格」。

⚠️ 注意 v-else 必须紧跟 v-if / v-else-if 元素，中间不能有其他元素或注释。

💡 提示 多分支用 v-else-if 串起来，最后收一个 v-else。

ℹ️ 说明 v-else 元素与 v-if 元素必须是相邻兄弟节点。

更多案例即将上线。

Q v-else 后面必须紧跟 v-if 吗？

A 是，中间不能插入其他元素或注释，否则 Vue 无法配对分支。

Q 能写多个 v-else 吗？

A 不能，一个分支链只有一个 v-else，且必须在最后。中间条件用 v-else-if。

Q v-else 需要表达式吗？

A 不需要，它在前一个分支为假时直接渲染。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。