Question

我目前正在学习vue.js，看到人们以不同的方式构建他们的方法。我很好奇这两者之间的区别：

一个：

greet: function (event) {
   alert('Hello ' + this.name + '!')
}

两个：

greet(event) {
   alert('Hello ' + this.name + '!')
}

Answer 1

两个版本的greet函数完成相同的事情。

第一个版本更明确地表示为对象的key：value对，其中greet是对象的键，函数是该键的值。

第二个版本是简写形式（如ES6中的注释中所述）。

它们都是将函数作为表达式编写的方式。

函数声明类似于编写函数表达式，您可能熟悉它们的外观

function greet(){
    alert('Hello')
}

它们以function关键字开头，名称为greet。它们的行为类似于函数表达式。

在代码页中编写表达式的位置很重要，因为直到解释器到达包含表达式的行时，它们才会加载。

函数声明位于其上下文的顶部。

可以找到更多示例和详细信息：