vue2 用this获取当前页面数据，vue3怎么获取

在Vue3中，组件的数据是通过`setup`函数进行声明的，因此不能像Vue2中那样通过`this`直接访问组件的数据。但是，Vue3提供了一种新的API，可以方便地访问当前组件实例和组件数据。

具体来说，可以通过`getCurrentInstance()`方法获取当前组件实例，然后在`setup`函数中可以使用`ref`和`reactive`等API创建响应式数据。下面是一个简单的示例：

<template>
  <div>{{ message }}</div>
</template>

<script>
import { getCurrentInstance, ref } from 'vue'

export default {
  setup() {
    // 获取当前组件实例
    const instance = getCurrentInstance()

    // 创建响应式数据
    const message = ref('Hello, Vue3!')

    // 返回数据对象
    return {
      message
    }
  }
}
</script>

在上面的示例中，我们使用`getCurrentInstance()`方法获取当前组件实例，然后使用`ref`创建了一个响应式数据`message`，最后将`message`添加到返回的数据对象中。这样，就可以在模板中使用`message`了。

需要注意的是，由于Vue3的数据响应式机制发生了变化，因此Vue2中的一些API在Vue3中也有所变化。在使用Vue3时，建议查阅官方文档以获取更详细的信息。