Vue中的箭头函数

Vue中的箭头函数

• 使用箭头韩式可以保存this在上下文中的一致

这点很重要，因为在 Vue 中，我们经常需要在模板事件绑定或者计算属性中访问组件的数据和方法。如果 this 指向错误的对象，我们就无法正确地访问或修改这些数据。

这里第一处this指向的是created所属的组件，第二个则指向的是window，也就是全局对象。

• 简化函数表达

  const traditionalFunction = function() {
  return this.someValue;
  };

  const arrowFunction = () => this.someValue;