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

Question

我想了解Vue。我正在关注vuejs.org我试图使下面的代码工作。但是我在某个地方失败了。
JSFiddle
我有下面的代码。

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div v-if="showme" id="app1">
  <div id="app2">
    IF is true
  </div>
</div>

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

Answer 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
}
})