vue 箭头函数

Vue.js 中的箭头函数是 JavaScript 中的语法糖，用于简化函数的书写方式。

它的一个主要优点是可以自动绑定 this。在 Vue 中使用箭头函数，this 始终指向组件的实例。

例如：

<template>
  <div>
    <button @click="incrementCount">+</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0
    }
  },
  methods: {
    incrementCount() {
      this.count++
    }
  }
}
</script>

上面的代码中，incrementCount 方法使用了箭头函数，在调用时 this 始终指向组件的实例，因此能够正常修改 count 变量的值。

如果不使用箭头函数，需要在方法的定义中手动绑定 this。

methods: {
  incrementCount:function() {
    this.count++
  }
}

箭头函数能够简化代码，使得方法的定义和调用更加简洁。但是，在 Vue 中也可以使用普通函数，只需要手动绑定 this 即可。