案例:Vue.js案例     状态:可编辑再运行    进入竖版
 运行结果 
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<title>Vue 测试实例 - W3xue教程(w3xue.com)</title>
6
<script src="//unpkg.com/vue/dist/vue.js"></script>
7
</head>
8
<body>
9
<div id="app">
10
    <p v-if="seen">现在你看到我了</p>
11
    <template v-if="ok">
12
      <h1>W3xue教程</h1>
13
      <p>一起学习,一起紧随时代的步伐!</p>
14
      <p>哈哈啥,打字辛苦啊!!!</p>
15
    </template>
16
</div>
17
    
18
<script>
19
new Vue({
20
  el: '#app',
21
  data: {
22
    seen: true,
23
    ok: true
24
  }
25
})
26
</script>
27
</body>
28
</html>