He utilizado Vue y Angular y he desarrollado sitios web utilizando estos dos marcos que todavía se ejecutan en la actualidad.

Aquí primero necesito aclarar mis siguientes argumentos:

Acerca de

Vue.js se refiere a 2.0 y superiores, y con respecto a Angular, se refiere a 2.0~ 8.0

Vue

Vue es muy popular en China y muchas empresas grandes y pequeñas lo están utilizando para desarrollar aplicaciones front-end. Porque el autor, el camarada You Yuxi, posicionó a Vue como fácil de aprender, rápido para comenzar y con una suave curva de aprendizaje desde el comienzo del diseño. Por lo tanto, la mayoría de los desarrolladores front-end lo adoran profundamente. Es un marco incremental. En términos sencillos, se utiliza para desarrollar aplicaciones web. Al principio, la complejidad de su proyecto aumentará gradualmente a medida que avance el desarrollo y aumenten las funciones. Por lo tanto, vue es muy adecuado para aplicaciones front-end pequeñas, aplicaciones front-end pequeñas con estructura simple y menos funciones.

Pero una vez que agregue más funciones a su proyecto, vue le pedirá que instale otros paquetes, como el paquete de enrutamiento vue-router, como HTTPAPI frontend axios (acceda a la API del servidor backend a través de este, pase a los datos backend o acceder al servidor backend para obtener datos). Este proceso es "incremental".

Veamos la sintaxis de vue. En su controlador de módulo de control, la sintaxis sigue siendo relativamente simple. La versión 2.0 todavía usa la sintaxis de Javascript, y la 3.0 lanzada en noviembre del año pasado usa TypeScript. En su módulo de vista Ver, combina algo de sintaxis con HTML para generar dinámicamente el código html final. Por ejemplo

{{title}}

Defina la variable de título en su código JS y asigne un valor, luego en el código HTML final, los corchetes y título La posición será reemplazada por el valor real de la variable título.

Además, al desarrollar con vue, cada archivo *

.vue es un modelo, que contendrá código HTML, código CSS y código JS. Esto da como resultado un diseño muy compacto y un número reducido de archivos de proyecto. Sin embargo, a medida que escribes más código, los archivos vue se vuelven muy largos y, personalmente, me cuesta mucho arrastrar y soltar ventanas y cambiar las ruedas del mouse, jaja.

Bien, primero dejemos de hablar de vue y luego hablemos de Angular.

Angular

Angular (ng para abreviar) fue desarrollado por primera vez por una persona dentro de Google. Desarrollada por ingenieros, la sintaxis de la primera versión 1.0 era muy engorrosa y difícil de escribir. Personalmente, comencé a aprender el marco front-end de Angular 1.0 y vomité mucha sangre. Después de 2.0, la arquitectura de ng está completamente orientada a MVC (modelo-vista-controlador). Las vistas, los controladores y los modelos están completamente separados y se pueden desarrollar de forma independiente. La característica más importante de ng es su alto grado de integración. Cuando desarrolla un proyecto, ng tiene paquetes integrados para funciones frontales comunes, como el acceso a API y operaciones asincrónicas. Por ejemplo

import{HttpClient,Http}from/"angular/core/"

ng A partir de 2.0, se requiere directamente usar el lenguaje TypeScript (de Microsoft, que puede considerarse como un JS estilo OOP, muy práctico y estandarizado). Cada módulo ng consta básicamente de tres archivos: *.html, *.js, *

.css.

En el archivo de vista de ng (html), se utiliza el enlace de datos bidireccional, por ejemplo

type=\"text\"

id= \"nombre\"requerido

[(ngModel)]=\"título\"

nombre=\"nombre\"

>

Esta variable de título está vinculada bidireccionalmente a la variable de título en el archivo js. Ya sea que cambie el título en el cuadro de entrada de la página o cambie el título a través de un programa js, el valor de esta variable de título cambiará. y verás El efecto es que el contenido del cuadro de entrada cambia.

Angular tiene una curva de aprendizaje pronunciada y su tasa de uso en China también es muy baja. Pero una vez desarrollé una aplicación web con mis amigos en los Estados Unidos y adoptaron Angular 4. desde el principio.

Angular 4. se usa ampliamente en el extranjero y es adecuado para la colaboración de varias personas para desarrollar proyectos a mayor escala.

Suplemento

A menudo hablo con mis alumnos y me dijeron que después de ir a algunas instituciones de capacitación para preguntar, los cursos front-end también incluyen Vue y Angular. Pero descubrí que el angular de los profesores es todo angular.js, que es angular1.0, que ahora está desactualizado. Entonces, si solicita un autoestudio o asiste a un instituto de capacitación, mantenga los ojos abiertos y no pierda el tiempo.

Si el propósito de su pregunta es solicitar un trabajo y participar en el trabajo de desarrollo front-end, entonces en China no hay forma de dominar Vue y se puede ignorar Angular.

Además, no olvide que en la situación actual en la que los frameworks front-end se dividen en tres partes, hay otro framework en camino, es decir, Facebook, y el igualmente famoso React If you. Si estás interesado y enérgico, también puedes ir a averiguarlo.

Por último, volviendo a tu pregunta, ¿cuál es más fácil de aprender? Es Vue. ¿Cuál es mejor? Personalmente, no creo que sean cercanos, ambos son marcos sólidos para entornos de producción y ninguno te decepcionará.