¿Cuál es la diferencia entre Angular 2 y Vue.js 2?

Ambos marcos están hechos para diferentes propósitos. Vue 2 está enormemente optimizado para la manipulación DOM al igual que ReactJS. Vue 2 utiliza un modelo controlado por componentes para manipular el modelo de objeto del documento. Vue 2 proporciona un montón de bibliotecas elegantes que son más ágiles y de tamaño más ligero en comparación con Angular 2.

Curva de aprendizaje: Vue2JS es mucho más fácil de aprender. Si sabe que Javascript vainilla o Angular 1, pasar a Vue2 es mucho más simple. Vue2 se lanzó ahora y las bibliotecas Vue 2, es decir, Vue core, vue-router y vuex 2.0, para la gestión de estado, todas tienen tipologías TypeScript enviadas en paquetes npm. Entonces aprender Vue2 no toma mucho tiempo. Esto facilitará la incorporación de nuevos miembros del equipo. Introducción: la documentación de vue.js es mucho mejor en comparación con el sitio web oficial de Angular 2.

Programa Vue2: solo programa de 2 líneas

{{vue2vsangular}}

var x = nuevo Vue ({el: ‘#demoapp’, datos: {vue2vsangular: “Vue2 vs Angular 2!”}})

Programa Angular2: 12 líneas de código.

@Componente({
selector: ‘AngularComparison’
})
@Ver({
templateUrl: ‘./components/example/AngularComparison.html’
})
clase de exportación AngularComparison {
constructor () {
this.comparison = “Vue2 vs Angular 2!”;
}
}

Comprobación sucia: Angular utiliza ChangeDetectorRef para la comprobación sucia para observar los cambios. Vue2 es más ágil porque es más simple y no utiliza una comprobación sucia para observar los cambios.

Rendimiento: Vue2 es mucho más rápido en comparación con Angular 1 y Angular 2. Según el proyecto de referencia JS krausest / js-framework-benchmark, a continuación se muestra la comparación del rendimiento de diferentes marcos.

Referencia: Informe de tabla

La duración para actualizar 1000 filas en una tabla es mucho más rápida en Vue2 en comparación con AngularJS2.

Tamaño del marco: el tamaño del marco angular 2 es mucho más grande en comparación con Vue2. Un ejemplo de Angular 2 con huesos desnudos sacudidos por árboles (50kb). Un Vue 2.0 completo con compilador incluido (23kb). Entonces Vue 2.0 (23kb) es mucho más ligero en comparación con Angular 2 (50kb). Referencia: Comparación con otros marcos – vue.js

Otras cosas a tener en cuenta:

  • También la migración de Angular 1.xa 2.0 frente a la migración del proyecto Vue1.x a Vue2.0 es mucho más fácil.
  • vue-router 2 es una biblioteca muy poderosa. ver vue-router 2 doc de la biblioteca.
  • Vue es lo mejor para el desarrollo nativo y web.
  • La asignación general de memoria por MB en las bibliotecas de framework de carga en Vue2 es menos comparada con Angular 1.xy Angular 2.0.
  • En el lado negativo, si ve las tendencias de Google, ReactJS es seguido primero por Angular y luego Vue2.
  • Vue2 manipula directamente los elementos DOM. ReactJS crea DOM virtual y luego lo manipula. Incluso después de usar DOM Vue2 real es más rápido.

Curva de aprendizaje

Supongamos que conoce JavaScript + ES2015 bastante bien. ¿Qué biblioteca es la más fácil de aprender a continuación?

  • Vue es probablemente la mejor opción si desea un marco fácil de aprender.
  • Angular ocupa el tercer lugar y, aunque después de aprender angular, debe saber todo lo demás asociado (mecanografiado, MVC …), angular es una gran biblioteca que requiere más tiempo para aprender.

Escalabilidad

  • Angular es fácil de escalar gracias a su diseño y a su potente CLI.
  • Vue está justo detrás de reaccionar, es una buena opción, pero carece de una lista de las mejores prácticas de escalado, lo que resulta en una gran cantidad de código de espagueti.

Compatibilidad con bibliotecas de terceros

  • Vue funciona perfectamente tanto para DOM como para JavaScript y es solo el segundo porque tiene menos bibliotecas específicas de framework que en realidad podrían ser algo bueno para otros.
  • Angular hubiera sido mejor, si no mecanografiaba, que requiere definiciones de tipo para cada biblioteca.

Comunidad y popularidad

  • Vue porque está creciendo muy rápido
  • Angular porque está hecho por Google y su predecesor, angular 1 solía ser muy exitoso en aquellos días.

Trabajos

  • Angular , ya que este es un más popular.
  • Vue es menos popular y no es compatible con una gran empresa, por lo tanto, las empresas eligen angular y reaccionan.

Perspectiva de la empresa

  • Angular tiene licencia gratuita de código abierto. Es compatible con Google, por lo que probablemente sea la mejor opción para una empresa, ya que también hay menos cosas que difieren entre las prácticas angulares.
  • Vue no es hijo de una gran empresa, es un proyecto paralelo muy exitoso iniciado por una persona y, por lo tanto, las empresas tienden a ignorarlo con mayor frecuencia, sin embargo, en mi opinión, no deberían hacerlo.

Mas alla de la web

Aquí es donde hay mucho de qué hablar; Representación nativa. Todas las bibliotecas son capaces de hacerlo, pero algunas funcionan mejor que otras.

  • Vue es la mejor opción para los desarrolladores de vue que disfrutan del desarrollo móvil nativo, todo gracias a alibaba weex.
  • Angular viene con ionic 2 y nativescript, pero ninguno de esos frameworks móviles permite que angular alcance el rendimiento de react nativo.

Simplicidad + longitud del código

  • Vue viene con enlace de datos preconstruido y modelo MVC, lo que hace que sea mucho más fácil de configurar en comparación con reaccionar y angular.
  • Angular no es simple en absoluto. Su complejidad a menudo causa mucha confusión y sintaxis y bibliotecas de terceros específicas angulares

Tiempo de desarrollo

  • Vue es ciertamente fácil de configurar y no requiere muchos cambios o sintaxis, y eso es lo que a la gente le encanta; Fue diseñado para resolver la fatiga.
  • Angular aunque es muy competitivo, la cantidad de sintaxis innecesaria que requiere para hacer cosas simples pone angular en último lugar.

tamaño

  • Vue es el más pequeño y contiene mucho también. En realidad, podría pensar que no importa, pero dígalo a un teléfono inteligente Android 3g barato y no creo que esté tan seguro de eso.
  • Angular es mucho más grande, provocando tiempos de carga más largos y problemas de rendimiento en los móviles.

El futuro / 2017

Aquí están mis predicciones para 2017 para todos estos marcos:

  • Vue seguirá ganando popularidad y más desarrolladores lo cambiarán. Es posible que influya en una gran empresa diferente para promover vue y alentar a las empresas a usarlo. También hay otra cosa, la plataforma nativa que debería estar disponible a principios de 2017.
  • El equipo angular tratará de alentar a más personas a usar angular, y en mi opinión fracasarán miserablemente.

Angular.js y Vue.js son las tecnologías front-end más populares que a menudo se enfrentan entre sí.

Vue es una biblioteca para desarrollar interfaces web interactivas. Su API está inspirada en Angular & http: //Backbone.it es muy flexible, mientras que AngularJS es un marco front-end que nos permite crear fácilmente aplicaciones de una sola página muy agradables, especialmente cuando conocemos bien todos los conceptos.

Los módulos son un contenedor en Angular, que contiene otras entidades como controladores, directivas, etc. En Vue contienen la mayoría de la lógica de componentes.

Las directivas no son tan poderosas en Vue como parecen estar más enfocadas. Una directiva puede ser muchas cosas, mejor pareciéndose a un componente en Angularjs

Hola, en mi opinión, javascript básico es la base de todos estos marcos.

Vue vs Angular

——————————

Parte de la sintaxis de Vue se verá muy similar a Angular (por ejemplo, v-if vs ng-if ). Esto se debe a que Angular hizo muchas cosas bien y esto fue una inspiración para Vue muy temprano en su desarrollo. Sin embargo, también hay muchos dolores que vienen con Angular, donde Vue ha intentado ofrecer una mejora significativa.

Complejidad

—————

Vue es mucho más simple que Angular 1, tanto en términos de API como de diseño. Aprender lo suficiente como para crear aplicaciones no triviales generalmente lleva menos de un día, lo que no es cierto para Angular 1.

Tampoco se utilizan otros scripts, pero según el mercado actual, Angular lidera en todos los sentidos.

Hola,

Creo que VueJs es Angular 2 bien hecho, excepto que no usa TypeScript 🙂
Para mí, TypeScript es un regalo del cielo y espero que Vue cambie gradualmente a TypeScript.
Sintaxis, AG2 es desordenado.

Quizás Vue podría incluir un recurso “oficial” / ajax lib / api (como vue-resource o cualquier otra lib) como parte de la oferta principal y el documento, lo que haría que Vue sea “casi” todo en uno.

Saludos,

Naina Reddy

Desarrollador Angular 2