Conversion des événements
onclick, onchange, onsubmit et autres événements deviennent des bindings @event pour methods.
Convertir HTML en template Vue
Convertissez les attributs HTML courants en syntaxe de template Vue pour migrer des pages statiques.
HTML vers Vue
Convertisseur HTML vers template Vue
Lisez une structure HTML et générez le contenu template pour Vue 2. Les événements comme onclick deviennent @click, les styles peuvent être extraits en bloc scoped et les attributs data ou aria conservés.
Extraction des styles
Les éléments style peuvent devenir un bloc scoped pour garder le template propre.
Avis sur les scripts
Les scripts sont exclus du template ; migrez la logique vers script ou methods de Vue.
Mode d’emploi
- Collez un fragment HTML. Le DOM du navigateur est utilisé et les scripts saisis ne sont pas exécutés.
- Choisissez les balises template, l’extraction style, les commentaires et l’avis script.
- Copiez le résultat dans un fichier .vue et ajoutez data, methods, computed et événements.
Questions fréquentes
Pourquoi les scripts ne vont-ils pas dans template ?
La logique SFC doit rester dans script. Mettre le script original dans template est incorrect et potentiellement risqué ; un avis est donc produit.
Que faut-il modifier ensuite ?
Ajoutez données, méthodes, bindings dynamiques, routes et découpage. Les attributs statiques restent statiques, car la logique métier ne peut pas être devinée.
Outils recommandes
Ces outils de fichiers peuvent aussi vous etre utiles
Convertir HTML en JSX
Convertissez les balises et attributs HTML en syntaxe JSX React avec moins de modifications manuelles.
Aperçu HTML en direct
Exécutez HTML, CSS et JavaScript dans le navigateur et prévisualisez immédiatement les changements.
Formateur HTML
Organisez les balises HTML, l indentation et les retours à la ligne pour rendre le code compacté plus lisible.