Qu'est-ce que vue.js ? A quoi ça sert ?

Lors de l'apprentissage de JavaScript, nous pouvons souvent voir vue.js, alors Qu'est-ce que vue.js ? Que peut-on faire ? Beaucoup d'amis ne le comprennent peut-être pas complètement. Dans cet article, le site Web chinois php vous présentera ce qu'est vue.js et à quoi il sert. Les amis intéressés peuvent y jeter un œil.

Tout d'abord, jetons un coup d'œil à Qu'est-ce que vue.js ?

Nous pouvons savoir grâce à l'Encyclopédie Baidu que Vue.js est un framework progressif pour la création d'interfaces Web basées sur les données. L'objectif de Vue.js est de permettre une liaison de données réactive et des composants de vue composés avec l'API la plus simple possible.

La bibliothèque principale de Vue se concentre uniquement sur la couche de vue et est très facile à apprendre et à intégrer à d'autres bibliothèques ou à des projets existants. Vue, en revanche, est tout à fait capable de piloter des applications complexes d'une seule page développées à l'aide de composants et de bibliothèques à fichier unique pris en charge par l'écosystème Vue.

Après avoir lu l'introduction ci-dessus, pensez-vous que l'explication est un peu abstraite ? En fait, j'ai vu une explication plus simple : Vue.js est utilisé pour construire une version web de Zhihu avec de nombreux éléments de formulaire. Est-il plus facile de comprendre une application Web dont le contenu doit être modifié en fonction des opérations de l'utilisateur ?

Après avoir lu ce qu'est vue.js, jetons un coup d'œil à À quoi sert principalement vue.js

À quoi sert vue.js ?

1. Vue.js peut rendre le développement d'applications frontales basées sur le Web plus pratique, car Vue.js dispose d'une liaison de données déclarative et réactive et d'un développement basé sur des composants, et utilise également Virtual DOM, une technologie qui semble sophistiquée rien qu'à son nom. Alors, que sont la liaison de données réactive, le développement basé sur des composants et Virtual DOM ? Examinons-le en détail ci-dessous.

Liaison de données réactive : Responsive ici n'est pas la mise en page réactive dans la requête multimédia @media, mais signifie que vue.js répondra automatiquement aux modifications de certaines données sur la page.

Développement basé sur les composants : Vue.js utilise des composants pour diviser divers modules dans une application d'une seule page en composants distincts. Il suffit de les écrire d'abord dans l'application parent. Diverses balises de composants (occupant des pièges), et écrivez les paramètres à transmettre au composant dans la balise du composant (tout comme pour passer des paramètres dans une fonction, ce paramètre est appelé l'attribut du composant), puis écrivez l'implémentation des différents composants séparément (remplissez les trous). , puis l'intégralité de la demande est complétée.

DOM virtuel : Virtual DOM est le mot anglais pour DOM virtuel. En termes simples, il s'agit d'une méthode qui peut effectuer divers calculs via JavaScript à l'avance pour calculer et optimiser l'opération DOM finale. L'opération de prétraitement n'exploite pas réellement le DOM, c'est pourquoi on l'appelle DOM virtuel. Enfin, l'opération DOM est effectivement soumise une fois le calcul terminé, et les modifications de l'opération DOM sont reflétées dans l'arborescence DOM.

2. Vue peut simplement écrire une seule page ou un grand système frontal.

3. Vue peut créer des applications frontales d'une seule page, des plus simples aux plus complexes, qui peuvent être vues partout et peuvent être développées avec Vue.

4. Vue est rapide à démarrer, puissant et fournit un échafaudage vue-cli très facile à utiliser, qui facilite la création et l'exécution de vos propres projets.

Cet article se termine ici. Pour plus d'informations sur vue.js, vous pouvez vous référer aux tutoriels vue.js liés à la colonne Tutoriels vidéo sur le site Web PHP chinois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!