vue.js方法有什么区别

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 。 它们的行为类似于函数表达式。

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

函数声明被提升到其上下文的顶部。

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