SVG 轉 Vue 元件

把任何 SVG 變成一個 Vue 3 單一檔案元件。

或把檔案拖進來 / 在下方貼上程式碼

輸出是 Vue 3 script-setup SFC;屬性會透傳到根 SVG 元素。

Vue 3 SFC
輸出會顯示在這裡

使用方式

  1. 1貼上 SVG 程式碼,或拖入一個 .svg 檔案。
  2. 2工具會把它包裝成帶屬性透傳的 Vue 3 SFC。
  3. 3把 .vue 檔案內容複製進你的專案。

免費、不必註冊、沒有浮水印——一切都在你的瀏覽器本機執行,檔案絕不會離開你的電腦。

常見問題

Vue 2 還是 Vue 3?

輸出針對 Vue 3 的 script-setup SFC,在 Vue 2.7 專案裡同樣可用。

相關工具