案例：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
  <select v-model="selected" name="fruit">
11
    <option value="">选择一个网站</option>
12
    <option value="www.w3xue.com">W3xue</option>
13
    <option value="www.google.com">Google</option>
14
  </select>
15
16
  <div id="output">
17
      选择的网站是: {{selected}}
18
  </div>
19
</div>
20
​
21
<script>
22
new Vue({
23
  el: '#app',
24
  data: {
25
    selected: ''
26
  }
27
})
28
</script>
29
</body>
30
</html>