How to use vue3 api automatic import plug-in

1. vue3 automatic import

Principle:

• Before preloading, the plug-in automatically imports on demand Yes, use api and components

• in this vue file and when writing code, justNo need to import

• Note that it is not a global import and will not affect the resources

2. Automatic introduction of API

Ⅰ. Comparison before and after use

Before using the plug-in:

After using the plug-in:

Ⅱ. Install third-party software

npm i -D unplugin-auto-import

Ⅲ. Configure third-party software

##vite.config configuration:

import { defineConfig } from "vite"; 
import AutoImport from 'unplugin-auto-import/vite'

export default defineConfig({
  plugins: [
    AutoImport({ imports: ['vue', 'vue-router'] }),
  ]
  //.........
})

Ⅰ. Comparison before and after use

Use Before the plug-in:

Ⅱ. Install third-party software

npm i -D unplugin-vue-components

The above is the detailed content of How to use vue3 api automatic import plug-in. For more information, please follow other related articles on the PHP Chinese website!