首页 > 其他分享 >vue3自动引入api

vue3自动引入api

时间:2023-02-06 16:58:26浏览次数:41  
标签:vue dataList api vue3 引入 import vite

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

相关文章