Vue3+uniapp如何引入onLoad并且使用vue-property-decorator

在Vue3中结合uni-app开发时，`@vue/cli`默认并不会提供`vue-property-decorator`这个库，因为它主要用于Vue.js 2.x的项目中，用于装饰器语法。但在uni-app中，我们通常更倾向于使用JavaScript或TypeScript的ES6语法。

如果你想要在Vue3单文件组件(SFC)中模拟使用类似`vue-property-decorator`的功能，你可以手动导入并使用`@Component`等装饰器来自`vue-class-component`库。首先确保已安装该库：

npm install vue-class-component

然后在你的`.vue`文件里，可以这样引入并在`<script setup>`部分使用`onLoad`：

<template>
  <!-- ... -->
</template>

<script setup lang="ts" @module="uni-app">
import { defineComponent } from 'vue';
import { Component, Prop, Ref } from 'vue-class-component';

@Component({
  // 其他配置
})
export default class YourComponent extends defineComponent({
  // 如果需要，可以在这里声明props、ref等
  onLoad (options: any) {
    console.log('onLoad triggered', options);
    // 这里处理页面加载完成后的逻辑
  },
});
</script>

注意，uni-app本身已经内置了生命周期钩子函数，如`onLoad`，所以你不需要额外引入`vue-property-decorator`来覆盖uni-app的原有功能。