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>
标签:vue,dataList,api,vue3,引入,import,vite From: https://www.cnblogs.com/lovewhatIlove/p/17095895.html