SVG图标配置、全局注册组件、自定义插件将组件统一暴露

227 阅读1分钟

Snipaste_2023-10-03_10-45-12.png

Snipaste_2023-10-03_11-58-21.png 入口文件main.ts导入

import 'virtual:svg-icons-register'

Snipaste_2023-10-03_10-50-58.png

在vue文件中使用

Snipaste_2023-10-03_11-59-26.png

组件化使用Svg图标

Snipaste_2023-10-03_17-59-50.png

Snipaste_2023-10-03_17-41-58.png

Snipaste_2023-10-03_17-46-31.png

Snipaste_2023-10-03_17-43-00.png

全局注册组件 在mian.ts入口文件中 vue3全局注册是app.component('SvgIcon', SvgIcon)

vue2全局注册是Vue.component('xxx',xxx)

Snipaste_2023-10-03_18-05-21.png

用自定义插件将组件统一暴露 Snipaste_2023-10-04_00-41-19.png

Snipaste_2023-10-04_00-40-54.png