vue3自动引入api

1、问题：vue3使用setup的api，每次都要引入就很麻烦，有没有自动引入的方法，这样就不用那么麻烦

2、方案：通过使用unplugin-auto-import/vite插件来自动引入vue的api

3、实操：

在vite.config.js中使用，在传入AutoImport的对象里添加imports: ['vue', 'vue-router']，即可自动引入vue的api

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      imports: ['vue', 'vue-router'],
      resolvers: [ElementPlusResolver()],
    }),
  ],
})

组件中使用，不用import { defineProps , ref } from 'vue'，就可以使用vue的api

<script setup>
const props = defineProps({ dataList: Object })
console.log(props.dataList)
const dataList = ref(0)
console.log(dataList )
</script>