在vue3中每个页面都需要引用ref,reactive不是很方便,为了方便需要安装下unplugin-auto-import插件,这样就不用每个页面都需要引用了。
1.下载安装 cnpm i unplugin-auto-import -D
cnpm i unplugin-auto-import -D
2 在vite.config.js中进行配置
import vue from '@vitejs/plugin-vue';
// 引入插件
import AutoImport from 'unplugin-auto-import/vite';
export default defineConfig({
plugins: [
vue(),
AutoImport({
imports:['vue','vue-router']
})
]
});