vue3中methods中的方法如何使用data中的数据

在 Vue 3 中，可以通过 `this` 访问组件实例中的数据，包括 `data` 属性中定义的数据。因此，在 `methods` 中的方法中，可以通过 `this.xxx` 访问到 `data` 中的数据。

例如，如果在 `data` 中定义了一个属性 `message`，可以在 `methods` 中的方法中使用它，如下所示：

<template>
  <div>
    <p>{{ message }}</p>
    <button @click="changeMessage">Change Message</button>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        message: 'Hello, Vue 3!'
      }
    },
    methods: {
      changeMessage() {
        this.message = 'New message!'
      }
    }
  }
</script>

在上面的示例中，当点击按钮时，`changeMessage` 方法会将 `message` 的值修改为 `'New message!'`，并在模板中渲染出来。