Vue Sección 1: ¿Qué es el marco Vue.js y por qué elegirlo?
1 Objetivos de aprendizaje
Al estudiar esta sección, comprenderá:
1. Tendencias actuales en el uso de tecnología front-end
2. Qué es MVVM
3. Ventajas de Vue.js
4. Dos núcleos de Vue. js
p>4. p>
5. Escenarios de aplicación de Vue.js
2 Antecedentes
En los últimos años, debido a la popularidad y el rendimiento de los dispositivos móviles Con la mejora de la tecnología móvil, la demanda de Web en terminales móviles ha aumentado significativamente, dando como resultado algo llamado Webapp, es decir, aplicación Web móvil.
Sus funciones son cada vez más complejas, sus métodos de interacción son cada vez más interesantes y sus funciones y efectos se acercan a las aplicaciones nativas, por ejemplo:
(El Los efectos son similares a las aplicaciones nativas)
Este tipo de aplicación web no solo tiene mejores efectos que las páginas web de marketing h5, sino que también tiene métodos de interacción complejos como señalar, escribir, desplegar y cambiar de vista. 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. En primer lugar, ¿qué es el marco Vue.js y por qué elegirlo?
Si todavía usa jquery para operar con frecuencia el DOM para actualizar la página, puede usar Vue.js para liberar su DOM. operaciones.
Si tiene varias partes idénticas en su proyecto que se pueden encapsular en un componente, 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 IE8 e inferiores.
Después de todo, el propósito de desarrollar un proyecto no es utilizar un framework.
Digámoslo de esta manera: la estructura es como una casa tosca. La estructura principal ya está construida, así que sólo tendrás que decorarla como quieras porque así es la casa. Por supuesto, también podrías escribir tu propio marco, y ¿cuánto más rápido crees que sería construir tu propia casa en comparación con construir una ya construida?
¿Qué es el marco Vue.js? ¿Por qué elegirlo?
Vue.js es un marco de interfaz de usuario altamente interactivo. Visite el sitio web oficial chino de Vue.js y se mostrará un pequeño video en la página de inicio para presentar el uso simple y básico de Vue.js.
Inicie sesión en Frontend Library o GitHub. La popularidad y el sentido de justicia de Vue están creciendo rápidamente, convirtiéndose en el marco más popular actualmente. Por supuesto, sólo hablo en términos de popularidad. En términos de practicidad, todavía hay muchas personas que elegirán reaccionar y angular. Esta es también una razón importante por la que elegimos Vue.
Vue es más fácil de usar que reaccionar y angular. Aprendí los conceptos básicos de Vue en menos de 15 días y todavía me estoy familiarizando con él y usándolo.
Los componentes de Vue combinados con ES6 facilitan el mantenimiento de la página.
Trabajar profundamente en el ciclo de vida de Vue maximiza el rendimiento del espectador y permite una amplia gama de funcionalidades.
Hay muchas razones para elegir Vue, pero mi favorita es usar los componentes y el ciclo de vida de Vue. Sin embargo, no se recomienda que los principiantes profundicen en el ciclo de vida de Vue. A medida que aprenda los conceptos básicos y se desarrolle, descubrirá que el ciclo de vida de Vue bien vale la pena.
Finalmente, lo que quiero decir es que además de aprender Vue.js, también debes aprender toda la familia de Vue, especialmente el enrutamiento (que es relativamente difícil). Otros, como vue-cli, en mi opinión son relativamente simples.
Otro punto es que Vue generalmente se usa para procesar una sola página.
Front-end: ¿Qué es el marco Vue.js y por qué elegirlo para lograr una conexión de información receptiva y una combinación de elementos de visualización a través de la API más simple posible (del sitio web oficial de Vue.js)?
Basado en información de Vue: información El cambio impulsa la actualización automática de la revisión, con el método tradicional tienes que cambiar manualmente el DOM para cambiar la revisión, vuejs solo necesita cambiar la información y lo hará automáticamente. Vuejs solo necesita cambiar el DOM para cambiar la vista, y la vista cambiará automáticamente. Ya no tienes que preocuparte por actualizar el DOM, esta es la implementación de la idea MVVM.
Escenarios de aplicación
Si todavía usa jquery para operar con frecuencia el DOM para actualizar la página, puede usar Vue.js para liberar sus operaciones DOM.
Si tiene varias partes idénticas en su proyecto que se pueden encapsular en un componente, 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 IE8 y versiones inferiores de navegadores, por lo que su proyecto debe ser compatible con estas versiones inferiores de navegadores. . de lo contrario, Vue.js no funcionará.
Después de todo, el propósito de desarrollar un proyecto no es utilizar un marco.
Espero que te resulte útil. Cuando usas vue.js como front-end, ¿cómo elegir un marco para el back-end?
¿La interacción entre el front-end? -end y el back-end en realidad se implementan a través de servlets.
En otras palabras, el servlet escribe información en el frontend, que la muestra. La información se envía a la recepción y el servlet la procesa.
El marco simplemente encapsula el servlet, proporcionando un modelo de integración más simple y mejor mantenido. Si está realmente interesado en cómo se implementa este marco, puede consultar el código original de Nutz.
nutz está desarrollado de forma independiente y cuenta con documentación y comentarios muy completos. ¿Es vue.js un framework o un componente?
Puedes visitar el enlace al sitio web oficial, que tiene esta descripción:
Vue (pronunciado /vju?/, similar a "view ") es un marco progresivo para crear interfaces de usuario.
El sitio web oficial es muy detallado, ¡así que léelo atentamente! ¿Cómo se integra el marco vue.js con los marcos existentes?
¿En qué se diferencia Vue.js de otros marcos? 1. Diferencias con AngularJS Similitudes: Ambos admiten instrucciones: instrucciones integradas e instrucciones personalizadas. Ambos admiten filtros: filtros integrados y filtros personalizados. Ambos admiten la transmisión de datos bidireccional. Ninguno de los dos es compatible con navegadores de gama baja. Diferencias 1. AngularJS tiene un mayor costo de aprendizaje, como la adición de Dependencia. ¿Qué marcos de interfaz de usuario se usan para vue.js?
Además de VUX, que se usa más comúnmente, el marco vueui también tiene. estos marcos.
:
Los marcos js incluyen jQuery, zepto, etc., mv* incluyen angular, backbone, etc. ¿Vue.js es un marco o una herramienta de desarrollo?
vue.js es un marco.
Es más adecuado para el desarrollo WEB móvil. Es un desarrollo declarativo como angular.js, pero su rendimiento es mayor que el de angular y su tamaño es mucho menor. Está en chino, pero los documentos de otras personas están en inglés y hay relativamente pocos ejemplos.