¿Qué es el marco front-end de Vue.js?
Momento de divulgación científica:
Tutorial básico de front-end de Dark Horse Programmer Vue: 4 horas para comenzar rápidamente con Vue
Herramienta de desarrollo de front-end Vue , Desarrollo rápido del subprograma WeChat y combate real
Tutorial esencial sobre los conceptos básicos del front-end web: 2 horas de prueba de unidad de Vue
Programador Dark Horse Vue2.0 + Vue3.0, de La entrada a la competencia es imprescindible para los puestos front-end en grandes fabricantes. Prepare habilidades.
¿Qué es 1 y Vue.js?
Vue es una biblioteca js que, al igual que jquery, no depende de otras bibliotecas js. La biblioteca principal de Vue solo se centra en la capa de vista y es muy fácil de integrar con otras bibliotecas o proyectos existentes. Vue.js es una biblioteca MVVM liviana, de alto rendimiento y con componentes con una API muy fácil de usar.
Vue. es un marco progresivo para construir interfaces de usuario. A diferencia de otros frameworks grandes, Vue está diseñado para aplicarse capa por capa de abajo hacia arriba. La biblioteca principal de Vue solo se centra en la capa de vista, que no solo es fácil de comenzar, sino que también es fácil de integrar con bibliotecas de terceros o proyectos existentes. Por otro lado, cuando se combina con cadenas de herramientas modernas y varias bibliotecas de soporte, Vue también puede proporcionar controladores para aplicaciones complejas de una sola página.
2. ¿Cuál es el patrón de diseño MVVM de Vue?
Si conoce el front-end, debe conocer los patrones de diseño MVVM y MVC, y es posible que tenga algunos conocimientos de mvp. MVC (Modelo, Vista, Control y jQuery) es el patrón de diseño adoptado. MVVM, es decir, modelo, vista, modelo de vista, es un modelo basado en datos, es decir, todo se hace manipulando datos, evitando al máximo el uso de árboles DOM.
No nos centramos en la estructura DOM, sino que consideramos cómo almacenar los datos. Las acciones del usuario se manejan en la vista a través del modelo de vista, dependiendo de si interactúa con la capa del modelo a través de ajax y luego regresa a la capa de vista. En este proceso, el enlace de datos bidireccional de vista y modelo de vista nos permite deshacernos por completo de las engorrosas operaciones de DOM y, en su lugar, centrarnos en procesar las operaciones del usuario, evitando el problema de una capa de control demasiado gruesa en MVC.
Puedes optar por instalar la herramienta de desarrollo vue del complemento Chrome en la depuración de vue. Abra el proyecto vue y seleccione el panel vue en la consola. En el objeto Devtools, puede seleccionar un componente y ver la información de datos en el componente correspondiente. También puede seleccionar la opción Vuex para ver la información de la variable de estado de Vuex en este proyecto.
3.¿Cuáles son las ventajas de Vue.js?
Enlace de datos declarativos y responsivos; desarrollo de componentes; enlace de datos de respuesta DOM virtual
(1) jQuery primero obtiene el objeto DOM y luego modifica el valor del objeto DOM.
(2) Vue primero vincula el valor al objeto js y luego modifica el valor del objeto js. El marco de Vue actualizará automáticamente el valor DOM
(3) Simplemente comprenda; que Vue nos ayuda a realizar la manipulación DOM. En el futuro, necesitaremos modificar el valor del objeto y vincular bien los elementos y objetos. El marco Vue realizará automáticamente operaciones relacionadas con DOM;
(4) El cambio de elementos DOM después del objeto JS. Los cambios de valor se denominan enlace de datos unidireccional, si el valor del objeto JS también sigue al elemento DOM.
4. ¿Qué puntos de conocimiento relacionados con el marco Vue.js se deben aprender?
Instalación de Vue.js, estructura de directorios de Vue.js, inicio de Vue.js, sintaxis de plantilla de Vue.js, declaraciones condicionales de Vue.js, declaraciones de bucle de Vue.js, propiedades calculadas de Vue.js, Vue.js propiedades de escucha, enlace de estilo Vue.js, controladores de eventos Vue.js, formularios Vue.js, componentes animados Vue.js, mezcla Vue.js, vue.js Ajax (axios), vue
Vue.js es una biblioteca JavaScriptMVVM, un marco progresivo para crear interfaces de usuario. Está construido con un pensamiento basado en datos y componentes, utilizando un diseño de desarrollo incremental ascendente. En comparación con Angular.js, Vue.js proporciona una API más simple y fácil de entender, lo que nos permite comenzar y aplicar Vue.js rápidamente.