created(){} vs created:function(){}

时间:2017-12-10 07:17:06

标签: javascript ecmascript-6 vue.js

我见过有人使用

created: function() {
  // code
}

以及

created () {
  // code
}

然后在Vue文档中发出警告,不要这样做

created: () => {
  // code
} 

据我所知,第一个是编写函数的常用方法,最后一个是新的es6箭头函数,用于绑定' this'关键字到范围。但中间的是什么?它看起来像是两者的混合。使用它的含义是什么?

1 个答案:

答案 0 :(得分:0)

第一个和第二个是相同的。第二个是在ES6语法中定义对象中的函数。

const obj1 = {
  name: 'Obj1',
  create() {
    console.log(this.name);
  }
};

const obj2 = {
  name: 'Obj2',
  create: function() {
    console.log(this.name);
  }
};

obj1.create();
obj2.create();