工具
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 不同。
可以再編輯嗎？
可以，直接用任意編輯器開啟產生的檔案即可。