SVG 轉 Vue 元件
把任何 SVG 變成一個 Vue 3 單一檔案元件。
或把檔案拖進來 / 在下方貼上程式碼
輸出是 Vue 3 script-setup SFC;屬性會透傳到根 SVG 元素。
Vue 3 SFC
輸出會顯示在這裡
使用方式
- 1貼上 SVG 程式碼,或拖入一個 .svg 檔案。
- 2工具會把它包裝成帶屬性透傳的 Vue 3 SFC。
- 3把 .vue 檔案內容複製進你的專案。
免費、不必註冊、沒有浮水印——一切都在你的瀏覽器本機執行,檔案絕不會離開你的電腦。
常見問題
Vue 2 還是 Vue 3?
輸出針對 Vue 3 的 script-setup SFC,在 Vue 2.7 專案裡同樣可用。