vue3语法糖中svg图片怎么使用

在Vue 3中，你可以使用`<img>`元素来显示SVG图片。下面是一个简单的示例：

首先，确保你的SVG文件位于项目的`assets`目录中。

然后，在你的Vue组件中，使用`require`来导入SVG文件，并将其赋值给一个变量，如下所示：

<template>
  <div>
    <img :src="svgIcon" alt="SVG Icon" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      svgIcon: require('@/assets/icon.svg')
    };
  }
};
</script>

在上面的代码中，`@/assets/icon.svg`是SVG文件的相对路径。你可以根据实际情况进行修改。

最后，使用`:src`绑定变量`svgIcon`到`<img>`元素的`src`属性上，这样SVG图片就会显示在页面上了。

这就是在Vue 3中使用SVG图片的简单方法。希望对你有帮助！如果还有其他问题，请随时提问。