vue中使用svg

在 Vue 中使用 SVG 有多种方式，以下是常见的方法：

---

1. 直接内联 SVG 代码

将 SVG 代码直接嵌入 Vue 模板中，可动态修改属性（如颜色、大小）：

<template>
  <svg width="100" height="100" viewBox="0 0 100 100">
    <circle cx="50" cy="50" r="40" fill="currentColor" />
  </svg>
</template>

• 优点：完全可操控，支持 Vue 的响应式数据绑定。
• 缺点：代码可能冗长，复用性较低。

---

2. 通过 <img> 标签引用

<template>
  <img src="@/assets/icon.svg" alt=