Vue：事件处理

vue点击事件

平时使用JS的点击事件方式如下：

<button click="btn1">按钮1</button>

function btn1() {
  
}

如果希望点击时间能够触发vue定义的函数，则如下：

<button @click="btn1">按钮1</button>

new Vue({
  el: '#app',
  data(){
    return {

    }
  },
  methods: {
    btn1() {
      
    }
  }
})

在methods中定义的方法，最终还是会作为当前组件实例的函数。methods定义函数的this执行当前组件对象。