vue3使用icon

在Vue3中使用icon的方法可以参考以下示例代码：

<template>
  <div>
    <svg class="icon" aria-hidden="true">
      <use xlink:href="#icon-xxx"></use>
    </svg>
  </div>
</template>

在这个示例中，我们可以看到使用了`<svg>`标签来显示icon。其中，`class="icon"`用于指定icon的样式，`aria-hidden="true"`用于辅助屏幕阅读器忽略该元素。而`<use>`标签则用于引用具体的icon，通过`xlink:href`属性指定icon的名称或路径。在这个示例中，`#icon-xxx`表示引用了名称为`icon-xxx`的icon。你可以根据实际情况修改这个名称来使用不同的icon。
#### 引用[.reference_title]
- *1* *2* *3* [Vue3 项目引入阿里 iconfont 图标和字体](https://blog.csdn.net/weixin_42365757/article/details/127654080)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]