Vue.js 这个简单的v-if有什么问题？

我正在努力理解Vue。我正在关注

vuejs.org

我正在努力使下面的代码工作。但我在某个地方失败了

我有下面的代码

var vm=new Vue({
“el”：“附录1”，
“数据”：{
真的吗
}
})

如果是真的
其他事情正在发生

Vue应用程序将自身连接到单个DOM元素（在本例中为app1），然后完全控制它。HTML是我们的入口点，但其他一切都发生在新创建的Vue实例中

<div id="app1">
 <div v-if="showme">
  <div id="app2">
   IF is true
  </div>
 </div>

 <div v-else id="app3">
  Else is happening
 </div>
</div>

var vm = new Vue({
"el":"#app1",
"data":{
 showme:false
}
})

如果是真的
其他事情正在发生
var vm=新的Vue({
“el”：“附录1”，
“数据”：{
showme：错
}
})

id=“app3”在id=“app1”之外，@lawrencerchone您应该获得批准票。如果您想添加答案，我会这样做。Na没问题，只是输入错误，很高兴它有帮助您需要一个“顶级”来附加vue实例。您不应该向该分区添加任何vue逻辑。v-If应该添加到子分区。另外，v-else应该匹配v-if的嵌套级别。在您的示例中，v-if和v-else不是兄弟元素，这就是v-else失败的原因。我知道vueJs在一开始可能会有点难以承受。VueJs有一个惊人的文档，我建议您随时打开文档，并使用顶部的搜索功能。例如，当您搜索v-if时，您将在不同的部分获得结果：API、指南、…-学习时使用指南部分的结果，但也要查看API：）感谢您提供的解决方案。加号1。你能用文字补充一下吗？因为在页面中，它是一种顺序元素。我完全没有基本的东西。你的话也会帮助别人。