V-On: 绑定事件监听属性

1     var vm = new Vue({
2          el: ‘#example‘,    //限制作用域ID
3          data: {
4              name: ‘Vue.js‘   //渲染数据名及值
5          },    
6    
7          methods: {
8              // 在 `methods` 对象中定义方法
9     }

 1     <button v-on:click="greet">Greet</button>
 2          // 在 `methods` 对象中定义方法
 3      methods: {
 4          greet: function (event) {
 5               // 方法内 `this` 指向 vm
 6               alert(‘Hello ‘ + this.name + ‘!‘)
 7               // `event` 是原生 DOM 事件
 8               alert(event.target.tagName)
 9          }
10      }        

 1 <div id="example-2">
 2  <button v-on:click="say(‘hi‘)">Say Hi</button>
 3  <button v-on:click="say(‘what‘)">Say What</button>
 4 </div>
 5 ........................
 6     new Vue({
 7          el: ‘#example-2‘,
 8          methods: {
 9          say: function (msg) {
10           alert(msg)
11          }
12          }
13     })