Vue定义方法的方式

在Vue中定义方法可以有以下几种方式：

1. 在Vue实例中使用methods属性定义方法，例如：

new Vue({
  el: '#app',
  data: {
    msg: 'Hello Vue!'
  },
  methods: {
    sayHello: function () {
      alert(this.msg)
    }
  }
})

2. 在组件中使用methods属性定义方法，例如：

Vue.component('my-component', {
  data: function () {
    return {
      msg: 'Hello Vue!'
    }
  },
  methods: {
    sayHello: function () {
      alert(this.msg)
    }
  }
})

3. 使用箭头函数定义方法，例如：

new Vue({
  el: '#app',
  data: {
    msg: 'Hello Vue!'
  },
  methods: {
    sayHello: () => {
      alert(this.msg)
    }
  }
})

需要注意的是，箭头函数中的this指向不同于普通函数，可能会导致this指向错误。因此在Vue中，推荐使用普通函数定义方法。