Vue 中的箭头函数与普通函数的主要区别在于，箭头函数绑定外部 this 上下文、继承外部词法作用域、隐式返回，且适合用于事件处理、回调和 getter/setter。普通函数则适合访问自己的 this、创建新作用域、显式返回特定值和定义复杂或可重用功能。
Vue 中箭头函数与普通函数的区别
Vue 中的箭头函数和普通函数之间存在以下主要区别：
1. 语法
- 普通函数：function 函数名(参数列表) { 函数体 }
- 箭头函数： (参数列表) => { 函数体 }
2. 上下文（this 绑定）
立即学习“前端免费学习笔记（深入）”；
- 普通函数：this 绑定到调用函数的对象。
- 箭头函数：this 绑定到定义箭头函数的环境中的 this。
3. 词法作用域
- 普通函数：创建自己的词法作用域。
- 箭头函数：继承外部词法作用域。
4. 返回值
- 普通函数：必须使用 return 语句显式返回一个值。
- 箭头函数：隐式返回函数体中的最后一个表达式。
5. 用法
- 普通函数：通常用于定义更复杂或可重用的功能。
- 箭头函数：通常用于处理事件处理程序、创建回调或其他需要简洁语法的场景。
何时使用箭头函数？
箭头函数在以下情况下特别有用：
- 事件处理程序：它们可以使事件处理程序的语法更简洁，从而减少括号和回调函数的嵌套。
- 回调：它们可以创建简洁的回调函数，特别是在使用 Promise 或异步操作时。
- 对象的 getter/setter：它们可以简化 getter 和 setter 方法的语法。
何时使用普通函数？
普通函数在以下情况下更适合：
- 需要访问函数自己的 this
- 需要创建拥有自己作用域的新函数
- 需要显式返回一个特定值
- 定义更复杂或可重用的功能
