Oblikovalnik Vue
Oblikujte enodatotečne komponente Vue s tem Vue oblikovalnikom. Prilepite komponento in orodje oblikuje njen skriptni blok kot JavaScript ali kot TypeScript, kadar je lang ts, ter njen slogovni blok kot CSS, SCSS ali Less glede na atribut lang; oba bloka zamakne pod njune oznake. Blok predloge ostane v eni vrstici, presledki pa se strnejo. Uporabno za razvijalce Vue, ki pred pregledom in vključitvijo v dokumentacijo urejajo komponente.
Pogosta vprašanja
Kaj spremeni oblikovalnik Vue v komponenti?
Oblikuje vsebino skriptnih in slogovnih blokov ter vsak vrhnji blok postavi v svojo vrstico. Koda znotraj vsakega bloka je zamaknjena za dva presledka pod začetno značko.
Kako se obdela blok predloge?
Blok predloge ostane v eni vrstici, nizi presledkov pa se združijo v en sam presledek. Direktive, kot so v-if, v-for, :prop in @event ter izrazi mustache, se kopirajo natanko tako, kot so zapisani.
Kako se oblikuje skriptni blok?
Navaden skriptni blok se razčleni in izpiše kot JavaScript z zamikom dveh presledkov in podpičji. Pri lang="ts" se oblikuje kot TypeScript, ki podpira tudi opombe tipov.
Kako se oblikuje slogovni blok?
Slogovni blok se privzeto oblikuje kot CSS, z eno deklaracijo v vsaki vrstici. Pri lang="scss" ali lang="less" se uporabijo pravila SCSS oziroma Less, atribut scoped pa ostane.
Kaj se zgodi ob sintaktični napaki v skriptu?
Bloka JavaScript in CSS se razčlenita, zato sintaktična napaka ustavi orodje in prikaže sporočilo. Odpravite navedeno težavo in znova oblikujte kodo.
Ali podpira script setup?
Da, atribut setup ostane v znački, vsebina pa se oblikuje kot pri katerem koli drugem skriptnem bloku. Makri prevajalnika, kot je defineProps, so za oblikovalnik običajni klici funkcij.
Ali lahko spremenim zamikanje?
Ne, oblikovalnik vedno uporablja dva presledka in nima možnosti. Ista komponenta vedno ustvari enak izpis.
Ali se komentarji ohranijo?
Da, ohranijo se komentarji HTML med bloki ter komentarji znotraj skriptnih in slogovnih blokov. Komentarji v predlogi ostanejo na svojem mestu v njeni eni vrstici.
Zakaj je rezultat znotraj ograje html?
Enodatotečne komponente se berejo kot HTML, zato je rezultat vrnjen kot blok kode Markdown z oznako html. Kopirajte vrstice med ograjama v svojo datoteko .vue.
Kako velika je lahko komponenta?
Do 5 MB na zagon; večji vnos je zavrnjen s sporočilom. Izpis je enak kot pri možnosti Vue v oblikovalniku kode.