在前面的练习中，每个页面需要使用ref，onShow等生命周期钩子函数时都需要像下面这样导入

import {onMounted, ref} from "vue"

如果不想每个页面都导入，需要使用node.js命令npm安装unplugin-auto-import

npm install unplugin-auto-import

然后在项目根目录下创建vite.config.js，并写入下面的代码：

import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import AutoImport from 'unplugin-auto-import/vite'
 
export default defineConfig({
    plugins: [
        uni(),        
        // 自动导入配置
        AutoImport({
            imports:[
                // 预设
                'vue',
                'uni-app'                
            ]
        })
    ]    
})

这样，就不用每个页面再单独导入了。

注意vue3项目使用的是vite.config.js

vue2项目使用的是vue.config.js