vue3中activated的使用获取setup中变量和函数

在Vue3中，可以使用`ref`和`reactive`在`setup`函数中创建响应式数据，并通过`export`导出这些数据以供组件内部使用。在`activated`生命周期函数中，可以通过`getCurrentInstance`方法获取当前组件实例，从而访问到`setup`中导出的响应式数据和函数。

以下是一个示例代码：

<template>
  <div>{{ count }}</div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const count = ref(0)

    return { count }
  },

  activated() {
    const instance = getCurrentInstance()
    console.log(instance.ctx.count) // 访问count变量
    console.log(instance.ctx.increment) // 访问increment函数
  }
}
</script>

在上面的示例中，我们在`setup`函数中创建了一个`count`变量，并通过`return`语句将其导出。在`activated`生命周期函数中，我们通过`getCurrentInstance`方法获取当前组件实例，并通过`instance.ctx`访问到`count`变量和`increment`函数。需要注意的是，在Vue3中，组件实例的上下文(`ctx`)中只会包含由`setup`函数导出的数据和方法。