vue3使用unplugin-auto-import全局引用ref、onMounted等基本方法

发现有些vue3项目中没有使用import导入  ref、onMounted、getCurrentInstance等常见的函数也可以直接使用，这样就实现了不需要每个导入，全局配置ref等函数的功能，这是依赖一个插件unplugin-auto-import。

未引入插件展示

<script setup>
import {ref} from 'vue'
const a =ref(" 测试")
</script>

引入插件后展示

<script setup>
const a =ref(" 测试")
</script>

引入方法

1、引入插件

npm i -D unplugin-auto-import

2、vite.config.js中配置

import AutoImport from 'unplugin-auto-import/vite'
export default defineConfig({
plugins: [
    AutoImport({
      //自动引入
      imports: ["vue", "vue-router","pinia"],
    }),
  ],
})