single-neutral-megaphone
el blogdesde nuestro punto de vista. by dreams team
seguirnos

La versatilidad para integrar Vue

En este post y algunos posteriores vamos a introducirnos en Vue ¿Pero qué es Vue?

Parte 1: Introducción

En este post y algunos posteriores vamos a introducirnos en Vue
¿Pero qué es Vue?
Es un framework de JavaScipt de código abierto pero lo que nos interesa de verdad es que es una forma de dar dinamismo a las páginas web de un modo muy sencillo.
Como principal ventaja tenemos que no hace falta usarlo al completo en tus páginas webs, puedes ir introduciendo lo de manera progresiva sin necesidad de alterar tu código ya escrito.
El hecho de que se pueda introducir poco a poco no es excluyente de que podamos hacer una "single page application" centrada completamente en este framework.
Nos permite trabajar con objetos como lo haríamos en un lenguaje back-end permitiéndonos más control y velocidad en nuestros proyectos además tiene la ventaja de que se puede ver claramente el código y cómo se va a modificar el DOM
Sin ser unos expertos podemos decir que nos ha aportado mucho y se ha vuelto un recurso valioso con el que trabajar.
Adentrémonos nos juntos a este maravilloso mundo de Vue.

Ejemplo para probar en vuestras casas:

 

Parte 2: Formas de definir Templates

Vue se basa en componentes pero veremos que hay muchas formas de implementarlo y se adapta a nosotros más que nosotros a él. Estas son las diferentes maneras de implementar los componentes que hemos encontrado, probado y no requieren otras herramientas o compilación previa.

inline-template:
Mi preferida, permitiendo de un vistazo visualizar cómo quedará la vista y desacoplando el HTML del js.

 

x-template:
Una alternativa al anterior si tu componente se va a repetir más de una vez evitando que tengas que escribirlo muchas veces.

 

template en el script (ES6 o superior):
Perfecto si quieres componentes que necesites reutilizarlos en otros proyectos de forma rápida.

 

variable string (compatible con versiones anteriores a ES6):
Alternativa al anterior con compatibilidad con todos los navegadores pero mucho menos legible.

 

Hay algunos otros que no hemos probado o no nos han parecido interesantes, creemos que con estos tenemos cubierto un gran abanico de necesidades.

¿Quieres que te tengamos al día?

nuestros proyectos y trabajos de laboratorio, novedades tecnológicas, oportunidades profesionales...

NO SPAM, solo cuando realmente tengamos algo que decir

mailbox-full
Gracias por su solicitud.
Para finalizar la suscripción deberá validar el correo que le hemos enviado.
email-action-warning
Vaya, parece que tenemos algún problema.
Por favor, vuelva a intentar enviarnos la solicitud.
Disculpe las molestias.

Navega y busca con la voz.
Pulsa sobre el micro y pídenos cosas como...

  • Ir a servicios
  • Ir al blog
  • Búsca artículos de tecnología
  • Búsca un post de Amazon

Recuerda que puedes pedirnos cosas como...

  • Ir a servicios
  • Ir al blog
  • Búsca artículos de tecnología
  • Búsca un post de Amazon

Vuelve a pulsar sobre el micro para desactivar.

Vaya parece que no hemos encontrado lo que buscas,
puedes ponerte en contacto con nosotros y te ayudaremos.
Recuerda que puedes pedirnos cosas como...

  • Ir a servicios
  • Ir al blog
  • Búsca artículos de tecnología
  • Búsca un post de Amazon