vue3 svg加载不显示

Vue3默认情况下不直接支持在模板中使用SVG图像。要在Vue3中显示SVG图像，你可以通过以下几种方法实现：

1. 使用Vue组件显示SVG：将SVG图像拷贝到Vue组件文件中，然后在模板中使用组件来显示SVG图像。

2. 使用`vue-svg-loader`加载器：安装`vue-svg-loader`依赖，并在webpack配置中使用该加载器来加载SVG图像。然后在模板中使用`<img>`标签来显示SVG图像。

3. 使用`vue-svg-icon`插件：安装`vue-svg-icon`插件，并在Vue应用中注册该插件。然后在模板中使用`<svg-icon>`标签来显示SVG图像。

以下是使用`vue-svg-icon`插件的示例代码：

首先，安装`vue-svg-icon`插件：

npm install vue-svg-icon

然后，在Vue应用中注册该插件：

import Vue from 'vue';
import VueSvgIcon from 'vue-svg-icon';

Vue.use(VueSvgIcon);

最后，在模板中使用`<svg-icon>`标签来显示SVG图像：

<template>
  <div>
    <svg-icon name="icon-name"></svg-icon>
  </div>
</template>

其中，`name`属性值为SVG图像文件的名称（不包含文件扩展名）。

希望以上方法能帮助到你解决Vue3中SVG加载不显示的问题。如有疑问，请随时追问。