vue3 调用methods里的方法

### 回答1：
在Vue 3中调用methods里的方法相对简单。首先，在组件的选项中声明一个methods对象，并在该对象中定义需要调用的方法。例如：

<script>
export default {
  name: 'MyComponent',
  methods: {
    greet() {
      console.log('Hello World!');
    }
  }
}
</script>

在声明了greet方法后，我们可以在组件模板或其他方法中调用它。在模板中，可以直接使用v-on指令来监听事件并调用对应的方法。例如：

<template>
  <div>
    <button @click="greet">点击我</button>
  </div>
</template>

在这个例子中，当按钮被点击时，greet方法将被调用，控制台将输出'Hello World！'。我们也可以在其他方法中通过this关键字来调用methods中的方法，例如：

<script>
export default {
  name: 'MyComponent',
  methods: {
    greet() {
      console.log('Hello World!');
    },
    sayHello() {
      this.greet(); // 调用greet方法
    }
  }
}
</script>

在sayHello方法中，我们使用this.greet()来调用greet方法。注意，在Vue中，组件的methods对象中定义的方法都是以键值对的形式，其中键是方法的名称，值是方法本身。因此，我们可以通过键来引用和调用对应的方法。

### 回答2：
在Vue 3中，要调用`methods`中定义的方法，可以通过以下步骤进行操作：

首先，在Vue组件中定义一个`methods`对象，并在其中编写要调用的方法，例如：

methods: {
  greet() {
    console.log('Hello Vue 3!');
  },
  addNumbers(a, b) {
    console.log(a + b);
  }
}

然后，在需要调用这些方法的地方，可以通过两种方式进行调用：

1. 直接在模板中使用和调用方法：

<template>
  <div>
    <button @click="greet">点击我打印问候语</button>
  </div>
</template>

2. 在组件的JavaScript代码中使用`this`关键字来调用方法：

methods: {
  sayHello() {
    this.greet(); // 调用greet方法
    this.addNumbers(2, 3); // 调用addNumbers方法，并传入参数
  }
}

我希望这个简单的回答可以帮助你理解如何在Vue 3中调用`methods`中的方法。如果你还有任何问题，请随时提问！