在 Vue 中，()=> 和 ()=>{} 是两种不同的箭头函数形式，它们有一些区别：

1. ()=> 只能用于简单的返回值，而 ()=>{} 可以用于复杂的逻辑，包括多个语句和控制流结构（例如 if 语句、for 循环等）。
2. ()=> 不需要显式地使用 return 来返回值，而 ()=>{} 必须使用 return 语句来返回值。

下面是一个使用 ()=> 的示例：Copy

// 简单的箭头函数，返回两个数字的和
computed: {
  sum: () => this.num1 + this.num2
}

在这个示例中，我们使用 ()=> 箭头函数来计算两个数字的和，并将其定义为 Vue 计算属性 sum。由于箭头函数只有一条语句，因此我们可以省略 return 语句。这个例子中的箭头函数等同于这个函数定义：function() { return this.num1 + this.num2; }

下面是一个使用 ()=>{} 的示例：clojureCopy

// 复杂的箭头函数，使用 if 语句和多个语句
methods: {
  submit: () => {
    if (this.isValid()) {
      this.saveData();
      this.showSuccessMessage();
    } else {
      this.showErrorMessage();
    }
  }
}

在这个示例中，我们使用 ()=>{} 箭头函数来定义一个名为 submit 的方法。这个方法包含多个语句和一个 if 语句，它根据表单的有效性来保存数据并显示成功或失败消息。由于箭头函数包含多个语句，因此必须使用 return 语句来返回结果。这个例子中的箭头函数等同于这个函数定义：Copy

function() {
  if (this.isValid()) {
    this.saveData();
    this.showSuccessMessage();
  } else {
    this.showErrorMessage();
  }
}

总之，()=> 和 ()=>{} 是两种不同的箭头函数形式，在 Vue 中可以根据需要选择使用哪种形式。()=> 适用于简单的返回值，而 ()=>{} 可以用于复杂的逻辑和多个语句。