La versatilidad para integrar 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.