In english

Vue es el framework del momento y ha logrado tener un hueco entre los poderosos Angular y React que llevan más tiempo en el mercado, al ser un framework ligero, versátil y con una curva de aprendizaje menor si lo comparamos con la competencia; una de sus principales características es que es muy liviano y fácil de utilizar, además de ser progresivo, lo que significa que al implementar un proyecto entero, podemos decidir si toda la aplicación va a emplear Vue o solamente una parte de ella.

Caracteristicas principales de Vue

Vue es un framework cuyas funcionalidades están disponibles en otros frameworks como React o Angular:

Componentes en Vue

Los componentes son la pieza fundamental en Vue para construir aplicaciones, una aplicación de Vue consiste en múltiples componentes que los puedes ver cómo piezas de lego que en conjunto forman nuestra aplicación; los componentes son piezas de interfaz gráfica como listados, headers, formularios para crear, actualizar etc.

Vue.js es un framework progresivo para construir interfaces de usuario y es una diferencia fundamental de otros frameworks monolíticos, Vue está diseñado para ser utilizado incrementalmente lo que permite incluir Vue en una parte de la aplicación; estas piezas de código empleada se llaman componentes. Los componentes son bloques de código que se utilizan para definir los elementos de la interfaz de usuario; cada componente se compone de tres secciones o bloques: Script, Template y Style:

  1. Script: Este bloque se utiliza para definir la lógica del componente mediante JavaScript; aquí también se declaran las propiedades, props, al igual que los métodos y los hooks y cualquier otra característica soportada por el framework.
  2. Template: Este bloque se utiliza para definir el HTML, es decir, la estructura del componente, aquí también se emplea la sintaxis de plantilla que provee Vue.js para por ejemplo, imprimir variables o similares, condicionales o ciclos.
  3. Style: En este bloque se utiliza para definir el estilo de la aplicación a los elementos HTML definidos en el apartado de template; este estilo se puede especificar para que sea global a la aplicación o solamente local al componente.

Guía para dar los primeros pasos con Vue 3

 

Curso y Libro para dominar Vue 3

Ver Listado »