vue3中如何使用created钩子函数

在Vue3中，使用`created`钩子函数和Vue2类似，但是需要注意一些细节：

1. `created`钩子函数需要使用`onBeforeMount`方法来注册，如下所示：

import { onBeforeMount } from 'vue'

export default {
  setup() {
    onBeforeMount(() => {
      console.log('created')
    })
  }
}

2. 在Vue3中，`created`钩子函数的执行时机不同于Vue2。Vue3中的`created`钩子函数会在组件实例创建完成后立即执行，而Vue2中的`created`钩子函数会在组件实例创建完成后，且在挂载之前执行。

3. 在Vue3中，`created`钩子函数无法访问组件实例的`this`，需要使用`setup`函数中的`context`参数来访问组件实例。例如：

import { onBeforeMount } from 'vue'

export default {
  setup(props, context) {
    onBeforeMount(() => {
      console.log(context.attrs)
    })
  }
}

在上面的例子中，我们使用`context.attrs`来访问组件的属性。