工具
SVG 转 Vue SFC
粘贴 SVG、指定组件名、下载 .vue 文件。
如何把 SVG 转为 Vue
- 粘贴你的 SVG。
- 设置组件名。
- 如需 TypeScript 可切换开关。
- 复制或下载 .vue 文件。
关于 SVG 转 Vue
Vue 3 可直接识别原生 SVG，本工具只需把它包进 SFC 模板块并附上 setup 脚本即可。
常见问题
可以用于 Vue 2 吗？
模板语法可用，但 defineOptions 是 Vue 3+ 的特性。用于 Vue 2 请去掉它。
连字符属性会被重命名吗？
不会，Vue 会原样接受，不同于 JSX。
可以再编辑吗？
可以，直接用任意编辑器打开生成的文件即可。