Vue 事件绑定

v-on指令用法：

<button type="button" v-on:click ="num++">点击</button>

v-on 可用@代替  @click=“”

事件函数调用：

<button type="button" v-on:click ="handle（）">点击</button> 调用函数

<button type="button" v-on:click ="handle">点击</button>直接绑定函数名称

事件函数参数传递：

 

<button type="button" v-on:click ="handle（hi,$event）">点击</button> 普通参数和事件对象（事件对象必须放在最后）

var vm = new Vue({
    el: '#app', //选择id为app的容器 (元素挂载的位置)
    data:{
        msg: 'Hello Word',

        num: 0
    },
    methods: {
        handle: function (p,event) {
  this.msg=p  //msg赋上参数传来的p值
console.log(event.target.innerHTML) // 打印按钮标签的属性值

        }
    }
});