案例: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
  <input type="radio" id="W3xue" value="W3xue" v-model="picked">
11
  <label for="W3xue">W3xue</label>
12
  <br>
13
  <input type="radio" id="google" value="Google" v-model="picked">
14
  <label for="google">Google</label>
15
  <br>
16
  <span>选中值为: {{ picked }}</span>
17
</div>
18
19
<script>
20
new Vue({
21
  el: '#app',
22
  data: {
23
    picked : 'W3xue'
24
  }
25
})
26
</script>
27
</body>
28
</html>