The use of svg in vue projects

Share the process of using svg files in projects.

1. Download dependency packages

npm and [email protected]

2. Configure vue.config.js

3. Create the src/icons folder, store all svg files here, import all svg files in index.js inside, and register global components.

4. Directly import the svg configuration in main.js

5. Use svg files in pages

<svg-icon icon-class="button"/>