javascript - VueJS 在其methods 属性下区分函数声明格式吗？

Question

我们的团队正在开发一个 VueJS 项目，我注意到一些方法函数是这样声明的:

methods: {
    doSomething: function () {
        //do it here...
    }
}

而其他的则采用这种格式:

methods: {
    doSomething() {
        //do it here...
    }
}

这两种格式都工作得很好，如果我没记错我的 javascript，第二种方法只是函数声明的 javascript 简写。

但是 VueJS 区分这两种格式吗？声明 VueJS 方法的最佳/首选方式是什么？ VueJS 计算函数怎么样，它的格式必须与方法函数相同吗？

Answer 1

与Vue无关。

Starting with ECMAScript 2015, a shorter syntax for method definitions on objects initializers is introduced. It is a shorthand for a function assigned to the method's name.

给出以下代码:

var obj = {
  foo: function() {
    /* code */
  },
  bar: function() {
    /* code */
  }
};

您现在可以将其缩短为:

var obj = {
  foo() {
    /* code */
  },
  bar() {
    /* code */
  }
};

引用号:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions