Formuj element pojedynczego pliku Vue: szablon, skrypt i styl razem.
Ładowanie narzędzia...
Jak korzystać z Formatowanie Vue
Wklej swój kod. Przy pierwszym użyciu silnik formatowania potrzebuje chwili na załadowanie.
W razie potrzeby dostosuj opcje.
Skopiuj sformatowany wynik.
O narzędziu Formatowanie Vue
Komponent Vue z jednym plikem łączy trzy języki w jednym pliku. Ten formater obsługuje wszystkie trzy: szablon z jego dyrektywami (v-if, v-for, @click), blok skryptów w JavaScript lub TypeScript oraz blok stylu w CSS.
Wklej cały plik .vue lub tylko jeden blok.
Często zadawane pytania
Czy obsługuje API Kompozycji i konfigurację skryptów?
Tak, bloky skryptów są formatowane jako normalne JavaScript lub TypeScript.
Czy działa z Vue 2 i Vue 3?
Tak, jest obsługiwana syntaxa szablonu obu.
A co z stylami i SCSS?
Bloki stylu są formatowane zgodnie z atrybutem lang.
Dlaczego pierwsze uruchomienie chwilę trwało?
Silnik formatowania dla tego języka jest pobierany przy pierwszym użyciu, a następnie zapisywany w pamięci podręcznej przeglądarki. Później formatowanie jest natychmiastowe, a żadne dane nie opuszczają Twojego urządzenia.