¿Qué es vue.js según sus fundadores?
Vue (pronunciado / vjuː /, como ver) es un marco progresivo para construir interfaces de usuario. A diferencia de otros marcos monolíticos, Vue está diseñado desde cero para ser gradualmente adoptable. La biblioteca principal se centra solo en la capa de vista y es fácil de recoger e integrar con otras bibliotecas o proyectos existentes. Por otro lado, Vue también es perfectamente capaz de impulsar aplicaciones sofisticadas de una sola página cuando se usa en combinación con herramientas modernas y bibliotecas de apoyo.
Podemos afirmar que VueJS es un marco de JavaScript avanzado con un código fuente abierto para el desarrollo de una interfaz de usuario. Es uno de los marcos más populares para simplificar el desarrollo web. VueJS funciona principalmente con la capa de presentación. Se puede integrar fácilmente en grandes proyectos para el desarrollo frontend.
Historia de VueJS
Vue fue creado por Evan You después de trabajar para Google utilizando AngularJS en una serie de proyectos. Más tarde resumió su proceso de pensamiento: "Me imaginé, ¿qué pasaría si pudiera extraer la parte que realmente me gusta de Angular y construir algo realmente liviano". El primer código fuente comprometido con el proyecto fue fechado en julio de 2013, y Vue se lanzó por primera vez el siguiente febrero, en 2014.
Ecosistema VueJS
Ecosistema
La biblioteca central viene con herramientas y bibliotecas desarrolladas tanto por el equipo central como por los contribuyentes.
Herramientas oficiales
- Devtools - Extensión de devtools del navegador para depurar aplicaciones Vue.js
- Vue CLI - Herramientas estándar para el rápido desarrollo de Vue.js
- Vue Loader - un cargador de paquetes web que permite la escritura de componentes Vue en un formato llamado Componentes de un solo archivo (SFC)
Bibliotecas oficiales
- Vue Router - El enrutador oficial para Vue.js
- Vuex - Gestión de estado centralizada inspirada en Flux para Vue.js
- Vue Server Renderer - Representación del lado del servidor para Vue.js
¿Por qué usar Vue.js?
La modularización de la biblioteca utilizando un marco es común en el desarrollo frontend. Tanto React como Angular tienen modularización. Pero lo que diferencia a Vue.js de otras alternativas es su "alto desacoplamiento", lo fácil que es ampliar las funcionalidades y lo bien que funcionan todas las piezas una vez que se incluyen más módulos.
Por ejemplo, si queremos organizar y renderizar pequeños componentes visuales, todo lo que necesitamos es la biblioteca 'core' de Vue.js; No es necesario incluir bibliotecas adicionales. A medida que la aplicación crece, tenemos bibliotecas para administrar rutas como 'vue-router', bibliotecas para administrar el estado global como 'vuex' o bibliotecas para crear aplicaciones web receptivas como 'bootstrap-vue'. Además, si nuestra aplicación necesita ser optimizada o necesita un buen SEO, podemos incluir la biblioteca 'vue-server-rendering'. En la siguiente figura, podemos ver cómo se incluyen progresivamente las bibliotecas que acabamos de mencionar, desde un pequeño SPA hasta aplicaciones de varias páginas (MPA).
El sistema de componentes de Vue.js es reactivo, lo que significa que Vue.js sabe cómo comunicarse a través de eventos asincrónicos; por ejemplo, un componente hijo puede comunicarse con su componente padre a través de eventos. Con Vue.js no hay fricción con otras bibliotecas o recursos, en otras palabras, podemos usar la herramienta con la que nos sentimos más cómodos. Por ejemplo, podemos escribir solo HTML y JavaScript o, si queremos, podemos agregar CSS, JSX o TypeScript.
Vue.js tiene una línea de comando especial (CLI) creada en el Nodo JS. Esta herramienta nos permite comenzar un proyecto usando una plantilla (o plantilla base). Además, el equipo de desarrollo de Vue.js mantiene una extensión de Chrome que nos permite ver cómo se representa nuestro árbol de componentes, cómo se inician y graban los eventos, cómo se guarda el estado interno de cada componente y cómo se guarda el estado global del componente se está comportando
Componentes VueJS
Los componentes Vue se usan para extender los básicos Elementos HTML para encapsular el código JavaScript reutilizable. En un nivel alto, los componentes son elementos personalizados a los que el compilador de Vue asocia el comportamiento. En Vue, un componente es esencialmente una instancia de Vue con opciones predefinidas.
¿Quién está usando Vue.js?
Más de 700 empresas están utilizando Vue.js. Algunos de los más importantes son: Xiaomi, Alibaba y Gitlab. La lista completa está disponible en https://stackshare.io/vue-js/in-stacks.