Vue 3.0 选项 Data#methods

vicky.yu

#methods
类型：{ [key: string]: Function }
详细：
methods 将被混入到组件实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this 自动绑定为组件实例。

注意

注意，不应该使用箭头函数来定义 method 函数 (例如 plus：() => this.a++)。理由是箭头函数绑定了父级作用域的上下文，所以 this 将不会按照期望指向组件实例，this.a 将是 undefined。

示例：
  const app = Vue.createApp({
    data() {
      return { a: 1 }
    },
    methods: {
      plus() {
        this.a++
      }
    }
  })
  
  const vm = app.mount('#app')
  
  vm.plus()
  console.log(vm.a) // => 2
参考 Event Handling