Vue.js vue:v-else不能完全显示上下文

我是Vue的新手。当我使用v-if、v-else-if和v-else时，前两个标记工作得很好。但是对于v-else，它只改变{{}中的上下文

html:

isIf为1:{isIf}
isIf为2:{isIf}
isIf不是1或2:{{isIf}

js:

var app=新的Vue({
el:“#应用程序”，
数据：{
isIf:1，
伊莎：错
}
});

---

当我在控制台中更改app.isIf=3时，它显示isIf为2:3。我最后一次尝试是app.isIf=2，因此它显示了上次输入的上下文。有什么想法吗？

你的

v-else-如果

条件错误-而不是

<div v-else-if="2">

应该是

<div v-else-if="isIf === 2">

---

除了零，任何数值在Javascripts中都被认为是“真”。因此，渲染逻辑始终围绕“v-if”和“v-else-if”，它永远不会到达“v-else”

您必须为

v-else-if

添加条件，如

v-if

<div v-else-if="2">

<div v-else-if="isIf === 2">