案例:Vue.js案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
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
  <ul>
11
    <template v-for="site in sites">
12
      <li>{{ site.name }}</li>
13
      <li>--------------</li>
14
    </template>
15
  </ul>
16
</div>
17
18
<script>
19
new Vue({
20
  el: '#app',
21
  data: {
22
    sites: [
23
      { name: 'W3xue' },
24
      { name: 'Google' },
25
      { name: 'Taobao' }
26
    ]
27
  }
28
})
29
</script>
30
</body>
31
</html>