unplugin-auto-import自动导入

unplugin-auto-import自动导入

步骤

1. 安装第三方库

   npm i -D unplugin-auto-import
   or
   yarn add unplugin-auto-import -D
   or 
   pnpm i -D unplugin-auto-import

2.  vite.config.js配置

   import AutoImport from "unplugin-auto-import/vite"
   export default defineConfig({
     plugins: [
        vue(),
        AutoImport ({
         imports: ["vue", "vue-router"], // 自动导入vue和vue-router相关api(需要pinia的话这里需要引入pinia)
       })
     ]
   })

3.  在组件不引入vue或者vue-router的情况下，使用composition api

   <template>
     <div class="detail">detail</div>
   </template>
   <script setup>
   const router = useRouter()
   const route = useRoute()
   const { proxy } = getCurrentInstance()
   console.log(route,router )
   const num = ref(0)
   console.log(num.value, "num")
   </script>
   <style scoped></style>
   

结语：花有重开日，人无再少年。