在 ＜script setup＞ 中使用 uniapp 函数

在 Vue 3 中，你可以使用 <script setup> 语法来编写组件，并且可以在其中使用 uniapp 函数。以下是如何在 <script setup> 中使用 uniapp 函数的示例：

方法一：引入

import { onShow, onHide,onLoad } from "@dcloudio/uni-app"

import { onShow, onHide,onLoad } from "@dcloudio/uni-app"
onLoad(query => {
    console.log(query,'query');
})

方法二：自动导入

使用unplugin-auto-import自动导入
安装依懒

pnpm install unplugin-auto-import

 在项目的 vite.config.js 文件中配置 unplugin-auto-import 插件：

import AutoImport from 'unplugin-auto-import/vite'

plugins: [
    uni(),
    AutoImport({
      // 在这里添加你想要自动导入的模块
      imports: [
        'vue',
        'uni-app',
      ],
    }),
  ],