Vue.js est un framework Javascript progressif open-source pour la construction d'interfaces utilisateur qui visent à être progressivement adoptées. Vue.js est principalement utilisé pour le développement frontal et nécessite un niveau intermédiaire de HTML et CSS. Les questions spécifiques à la version de Vue.js doivent être étiquetées avec [vuejs2] ou [vuejs3].
Vue.jsfournit une liaison de données bidirectionnelle, des propriétés calculées, des liaisons CSS, des modèles HTML, un rendu partiel et peut être étendu avec des composants, des mixins et plugins.
Vue.js comprend:
- Réactivité simple et discrète à l'aide d'objets JavaScript simples.
- Style de développement orienté composants avec prise en charge des outils
- Noyau maigre et extensible
- Système flexible d'effet de transition
- Rapide sans besoin d'optimisation complexe
- Composants à fichier unique autorise html, javascript et css dans le même fichier.
2.0 comprend également:
- La possibilité d'écrire des composants à l'aide du DOM virtuel
- Rendu côté serveur
- L'option d'utiliser JSX avec des composants
Les questions spécifiques à la version de Vue.js doivent être étiquetées avec vuejs2ou vuejs3.
Vue.js peut être construit encore plus pour augmenter ses fonctionnalités d'une bibliothèque de modèles de vues à un framework JavaScript complet pour la construction de SPA via des plugins officiels tels que Vue Router, Ressource Vueet Vuex.
Vue.js ne prend en charge que les navigateurs compatibles ES5 (IE8 et les versions antérieures ne sont pas prises en charge). Pour consulter des exemples et des documents en direct, visitez vuejs.org.
Exemple Hello World
HTML
<div id="demo">
<p>{{message}}</p>
<input v-model="message">
</div>
JS
var demo = new Vue({
el: '#demo',
data: () {
return {
message: 'Hello Vue.js!'
}
}
});
Vous pouvez trouver la documentation complète de Vue.js ici
Tags associés
Cadres d'interface utilisateur construits avec Vue.js
Outillage
- Vue-cli (Standard Tooling for Vue.js Development)
- Débogage des applications Vue.js. (Extension devtools du navigateur)
Ressources
- Site officiel
- Awesome Vue
- Vue organisée - Trouvez les meilleurs packages pour votre application Vue!
- Forum Vue
- Vue sur Discord
- The Vue Point (blog officiel)
- Feuille de route
- VueJobs
- Vue.js sur twitter
- Guide de style Vue