Vue Sección 1: ¿Qué es el marco Vue.js y por qué elegirlo?
Vue Sección 1: Qué es el framework Vue.js y por qué elegirlo
1 Objetivos de aprendizaje
A través de esta sección, aprenderá:
p>1. Tendencias actuales en el uso de tecnología front-end
2. Qué es MVVM
3. Ventajas de Vue.js
4.Vue Los dos núcleos de js
5. Escenarios aplicables de Vue.js
2 Antecedentes del nacimiento
En los últimos años, gracias a popularidad y rendimiento de los dispositivos móviles Con la mejora de Internet, la demanda de web en terminales móviles ha aumentado significativamente, lo que ha dado lugar a algo llamado webapp, que es una aplicación web en terminales móviles.
Sus funciones son cada vez más complejas, sus interacciones son cada vez más interesantes y sus funciones y efectos se acercan cada vez más a las APP nativas. Por ejemplo, lo siguiente:
(El efecto es cercano al de la aplicación nativa)
Este tipo de aplicación web no solo tiene efectos interesantes como las páginas web de marketing h5, sino que también tiene clic complejo, entrada, selección desplegable, cambio de vista y otras interacciones complejas. Para tales necesidades comerciales, todavía utilizamos soluciones de desarrollo del lado de la PC, que inevitablemente serán inapropiadas. Por ejemplo: cambio de vista. Sección 1, ¿Qué es el marco Vue.js y por qué elegirlo?
Si todavía usa jquery para operar con frecuencia su DOM para actualizar la página, entonces puede usar Vue.js para liberar su DOM operado.
Si hay varias partes en su proyecto que son iguales y se pueden empaquetar en un componente, entonces puede intentar usar Vue.js.
Además, la implementación principal de Vue.js utiliza la función Object.defineProperty de ES5, que es incompatible con los navegadores de IE8 e inferiores. Por lo tanto, su proyecto debe ser compatible con estas versiones inferiores. navegadores, entonces Vue.js no es aplicable.
Después de todo, el propósito de desarrollar un proyecto no es utilizar un marco determinado.
Digámoslo de esta manera, la estructura es como una casa en bruto. La estructura principal ya está construida. Sólo necesitas decorarla según tus deseos, porque todas las casas se ven así. , también puedes escribirlo tú mismo y construir la casa tú mismo. ¿Crees que la velocidad es mejor que la ya construida?
¿Qué es el marco Vue.js y por qué elegirlo?
Vue.js es un marco de interfaz de usuario altamente interactivo. Vaya al sitio web oficial chino de Vue.js y obtenga una breve descripción. El video se mostrará en la página de inicio, que explica el uso simple y básico de Vue.js.
Inicie sesión en la biblioteca front-end o GitHub, la popularidad de Vue ha crecido a un ritmo extremadamente rápido y se ha convertido en uno de los marcos más populares actualmente. Por supuesto, sólo me refiero a la popularidad actual. En términos prácticos, muchas personas elegirán reaccionar y angular. Ésta es una razón importante por la que elegimos Vue.
Comenzar con Vue es mucho más fácil que reaccionar y angular. Me tomó menos de 15 días aprender los conceptos básicos de Vue y todavía lo entiendo y aplico en profundidad.
Los componentes de Vue combinados con ES6 pueden facilitar el mantenimiento de la página.
El uso profundo del ciclo de vida de Vue puede maximizar el rendimiento del navegador y realizar muchas funciones.
Hay demasiadas razones para elegir Vue. Me gusta más utilizar los componentes y el ciclo de vida de Vue. Pero no se recomienda que los principiantes tengan un conocimiento profundo del ciclo de vida de Vue. Cuando termine de aprender los conceptos básicos y realice el desarrollo, encontrará que vale la pena estudiar el ciclo de vida de Vue.
Por último, quiero decir que además de aprender bien Vue.js. Deberás aprender el grupo familiar de Vue más adelante, especialmente el enrutamiento (relativamente difícil). Otros, como vue-cli, personalmente creo que son muy simples.
Otro punto es que Vue generalmente se usa para operar una sola página. Front-end: ¿Qué es el marco Vue.js y por qué lo eligió para implementar enlace de datos responsivo y elementos de vista combinados a través de la API más simple posible (extraída del sitio web oficial de Vue.js)
Datos de Vue controlador: cambios de datos Impulsa la actualización automática de la vista. Tradicionalmente, debe cambiar manualmente el DOM para cambiar la vista. Vuejs solo necesita cambiar los datos y cambiará la vista automáticamente. Ya no tienes que preocuparte por las actualizaciones de DOM. Esta es la realización de la idea de MVVM.
Escenarios aplicables
Si todavía usa jquery para operar con frecuencia su DOM para actualizar la página, puede usar Vue.js para liberar sus operaciones DOM.
Si hay varias partes en su proyecto que son iguales y se pueden empaquetar en un componente, entonces puede intentar usar Vue.js.
Además, la implementación principal de Vue.js utiliza la función Object.defineProperty de ES5, que es incompatible con los navegadores de IE8 e inferiores. Por lo tanto, su proyecto debe ser compatible con estas versiones inferiores. navegadores, entonces Vue.js no es aplicable.
Después de todo, el propósito de desarrollar un proyecto no es utilizar un marco determinado.
Espero que le resulte útil. ¿Cómo elegir el marco de backend con vue.js como interfaz?
Las interacciones de front-end y backend en realidad se implementan a través de servlets.
Es decir, el servlet escribe datos en la recepción y los muestra en la recepción. Envíe información en recepción y procese con el servlet.
El marco solo encapsula servlets, proporcionando un modelo de integración más simple y fácil de mantener. Si está interesado en cómo se implementa el marco, puede consultar el código fuente de Nutz.
nutz está fabricado en China y tiene muy buena documentación y comentarios. ¿Vue.js es un framework o un componente?
¿Puedes visitar el sitio web oficial?, que tiene esta descripción:
Vue (se pronuncia /vju?/, similar a ?view) es un marco progresivo para crear interfaces de usuario.
La introducción en el sitio web oficial es muy detallada y serás recompensado si la lees con atención. ¿Cómo integra el marco vue.js los marcos existentes?
¿Cuál es la diferencia entre Vue.js y otros marcos? 1. Diferencias y similitudes con AngularJS: ambos admiten instrucciones: instrucciones integradas e instrucciones personalizadas. Ambos admiten filtros: filtros integrados y filtros personalizados. Ambos admiten el enlace de datos bidireccional. Ninguno de los dos es compatible con navegadores de gama baja. Diferencias: 1. El costo de aprendizaje de AngularJS es alto. Por ejemplo, aumenta la dependencia. ¿Con qué marco de interfaz de usuario se debe usar vue.js?
Además de VUX, se usa principalmente el marco de interfaz de usuario de vue.
Existen estos marcos:
Los marcos js incluyen jQuery, zepto, etc., los marcos mv* incluyen angular, backbone, etc., y los marcos css incluyen jQuery ui, bootstrap. , etc. ¿Es vue.js un marco o una herramienta de desarrollo?
vue.js es un marco.
Es más adecuado para el desarrollo WEB en teléfonos móviles. Es lo mismo que angular.js en desarrollo declarativo, pero su rendimiento es mayor que el de angular y su tamaño es mucho menor. Aunque es chino, los documentos de otras personas están todos en inglés y hay relativamente pocos ejemplos.