Perché convertire ASTRO in VUE?
Astro e Vue sono modelli di rendering separati - Astro esegue il pre-rendering in HTML mentre i componenti .vue si affidano alla reattività runtime di Vue. Astro supporta persino Vue direttamente, quindi le persone solitamente incorporano Vue piuttosto che convertirlo da Astro.
Come convertire ASTRO in VUE
Usa Vue all'interno di Astro FREE
Esegui npx astro add vue per aggiungere @astrojs/vue, quindi importa e renderizza i componenti .vue all'interno dei tuoi file .astro, idratandoli con le direttive client:*.
Riscrittura manuale in un SFC .vue FREE
Sposta il markup .astro in un blocco <template> e la logica del code-fence in <script setup>, convertendo prop, slot ed espressioni negli equivalenti Vue.
Informazioni su questi formati
Un file .astro è un template di componente per il framework web Astro. Contiene markup in stile HTML più una sezione script opzionale in JavaScript o TypeScript, e Astro lo compila in…
Apri dettagli .ASTRO →Un file .vue è un file di scena di paesaggi 3D E-on Vue (terreno, cielo, vegetazione, illuminazione) oppure un componente web a file singolo Vue.js. Apri una scena 3D con Vue di Bentley…
Apri dettagli .VUE →Qualità e a cosa prestare attenzione
- La documentazione di Astro indica che puoi usare componenti Vue all'interno di Astro, ma non componenti Astro all'interno di una codebase Vue.
- Vue utilizza direttive come
v-if,v-fore il binding:propche non hanno una controparte diretta in Astro, quindi ogni riscrittura è un lavoro manuale. - Il code fence solo server di Astro e il modello di idratazione
client:*non si mappano sulla reattività runtime di Vue.
Domande frequenti
Esiste un convertitore da .astro a .vue?
Posso eseguire componenti Vue in un progetto Astro?
@astrojs/vue aggiunta con npx astro add vue.Come si traducono gli slot in Vue?
<slot> di Astro diventa lo <slot> di Vue in un <template>, ma gli slot con nome e le prop richiedono una mappatura manuale.