案例: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
    <li v-for="(value, key) in object">
12
    {{ key }} : {{ value }}
13
    </li>
14
  </ul>
15
</div>
16
17
<script>
18
new Vue({
19
  el: '#app',
20
  data: {
21
    object: {
22
      name: 'W3xue教程',
23
      url: '//www.w3xue.com',
24
      slogan: '一起学习,一起紧随时代的步伐!'
25
    }
26
  }
27
})
28
</script>
29
</body>
30
</html>