大气宽屏企业网站源码网络营销外包平台

在前面的练习中，每个页面需要使用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