Quelle est la différence entre angulaire et vue

Différences : 1. Vue prend moins de place, tandis qu'angular est plus grand ; 2. Vue est plus flexible qu'Angular et peut organiser le code d'application du projet en fonction de différents besoins ; angulaire est plus difficile à démarrer ; 4. La directive angulaire est "ng-xxx" et la directive vue est "v-xxx".

L'environnement d'exploitation de ce tutoriel : système windows7, version vue2.9.6&&angular6, ordinateur DELL G3.

Introduction à Angular

Angular est un framework JavaScript développé à l'origine par Misko Hevery et Adam Abrons en 2009 et devenu plus tard un projet Google.

Angular compense les lacunes du HTML dans la création d'applications. Il élargit le vocabulaire HTML dans les applications Web en utilisant des structures d'identifiants (directives), permettant aux développeurs d'utiliser HTML pour déclarer du contenu dynamique, facilitant ainsi le travail de développement et de test Web. Plus facile.

Caractéristiques d'angularjs :

1. Liaison bidirectionnelle des données : les données de la couche de vue et les données de la couche modèle sont liées dans les deux sens. Si l'une d'elles change, l'autre changera en conséquence. Vous n'avez pas besoin d'écrire ceci.

2. Modularisation du code, le code de chaque module a sa propre portée, son modèle, son contrôleur, etc.

3. Des directives puissantes peuvent encapsuler de nombreuses fonctions dans des balises HTML, des attributs ou des commentaires, etc., ce qui embellit grandement la structure du HTML et améliore la lisibilité.

4. Injection de dépendances, donnant le modèle de conception de ce langage back-end au code front-end, ce qui signifie que le code front-end peut améliorer la réutilisabilité et la flexibilité. Les futurs modèles peuvent imposer un grand nombre d'opérations sur le client. , et le serveur fournit uniquement des sources de données et d'autres opérations qui ne peuvent pas être effectuées par le client.

5. Développement piloté par les tests, angulairejs a cet objectif depuis le début. Les applications développées à l'aide d'angular peuvent facilement effectuer des tests unitaires et des tests de bout en bout, ce qui résout les lacunes du code js traditionnel difficile à tester et à tester. maintenir.

Introduction à vue

Vue (prononcé /vjuː/, similaire à view) est un framework JavaScript progressif permettant de créer des interfaces utilisateur. Contrairement à d’autres grands frameworks, Vue est conçu pour être appliqué couche par couche de bas en haut. La bibliothèque principale de Vue se concentre uniquement sur la couche de vue, qui est non seulement facile à démarrer, mais également facile à intégrer à des bibliothèques tierces ou à des projets existants. D'un autre côté, lorsqu'il est combiné avec une chaîne d'outils moderne et diverses bibliothèques de support, Vue est pleinement capable de fournir des pilotes pour des applications complexes d'une seule page (SPA).

L'objectif de Vue.js est de permettre une liaison de données réactive et des composants de vue composés via l'API la plus simple possible.

Vue.js lui-même n'est pas un framework complet - il se concentre uniquement sur la couche de vue. Il est donc très facile à apprendre et très facile à intégrer à d’autres bibliothèques ou à des projets existants. D'un autre côté, Vue.js peut également alimenter des applications complexes d'une seule page lorsqu'il est utilisé avec des outils associés et des bibliothèques de support.

Caractéristiques de Vuejs :

1. Framework léger

2. Liaison de données bidirectionnelle

Directives

4. Actuellement, la méthode la plus populaire consiste à utiliser ES6 directement dans le projet modulaire. avec Webpack pour le packaging du projet.

5. Componentisation, créez un seul fichier de composant avec le suffixe .vue, comprenant le modèle (code html), le script (code es6), le style (style css).

La différence entre angulaire et vue

1 Volume et performances

vue prend moins de place, comme un projet Vue qui contient Vuex + Vue Router (30 Ko après gzip), qui est généré plus. que angulaire-cli La taille par défaut du projet (~ 65 Ko) est encore beaucoup plus petite.

En termes de performances de rendu, les deux frameworks sont très rapides et il n'y a presque aucune différence de performances.

2. Efficacité du développement

Tous fournissent leurs propres outils d'échafaudage pour aider à améliorer l'ensemble du processus, du développement à la construction et à l'emballage. De plus, ils peuvent tous être basés sur le développement de composants et écrire des composants réutilisables, ce qui réduit considérablement la duplication. Travail. Cependant, Angular repose sur l'avantage que Typescript lui-même est plus technique que JavaScript. Lorsqu'ils sont tous développés par une équipe, Angular aura plus d'avantages.

3. Flexibilité

Vue est plus flexible qu'Angular et peut organiser le code d'application du projet en fonction de différents besoins. Par exemple, vous pouvez même référencer directement vue en HTML comme vous faites référence à jquery, puis simplement l'utiliser comme moteur de modèle frontal.

4. Maintenabilité

La maintenabilité que je comprends comprend deux niveaux, l'un est la lisibilité du code et l'autre est la reconfigurabilité. De plus, comme la prise en charge de TS (qui peut fournir une vérification de type statique) n'est pas suffisamment complète, vue présente quelques lacunes à ces deux niveaux. L'auteur de vue lui-même admet également que vue est encore insuffisante dans le support TS et sera améliorée dans la version 3.0.

5. Coût d'apprentissage élevé

vue est simple et facile à apprendre, mais angulaire est plus difficile à démarrer.

AngularJS a un coût d'apprentissage élevé, comme l'ajout de la fonctionnalité d'injection de dépendances, tandis que les API fournies par Vue.js lui-même sont relativement simples et intuitives.

6. Instructions

Les instructions d'Angular sont toutes ng-xxx, tandis que les instructions de vueJS sont toutes v-xxx.

(Partage de vidéos d'apprentissage : tutoriel vuejs, front-end web)

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!