Manejando datos

Ampliando VueJS con Vuex: el gestor de información

Posted by in HTML5

En esta tercera parte de la serie Trabajando con Vuetify (parte 1 y parte 2), vamos a centrarnos en Vuex, donde os dejaré una estructura que es la que yo suelo utilizar, así como algunas «cosillas» más que también uso. Qué es Vuex Vuex es …. el mejor invento de todo lo que conozco desde que trabajo con Javascript, y especialmente, desde que lo hago con VueJS. La mejor definición está en su propia página, pero básicamente es un gestor de información, convertido en librería de VueJS, que lo convierte…read more

Trabajando con Vuetify – Parte 2

Posted by in HTML5

En la primera parte de trabajando con Vuetify, se describió cómo es el framework Vuetify, y cómo íbamos a trabajar a partir de una plantilla predeterminada. Para preparar el componente menuapp, copiamos todo el template en la correspondiente propiedad del componente (dado que no estamos trabajando con archivos .vue, sino con Javascript directamente). Adicionalmente, hay que realizar varias modificaciones a partir del código original de <template></template> de google-youtube.vue, entre ellas: Incluir diversas propiedades en el data, entre ellas source, que es una propiedad que recibe el componente de la plantilla,…read more

Trabajando con Vuetify 2 – Parte 1

Posted by in HTML5

En una entrada previa os hablaba del framework Vuetify para trabajar con VueJS, y con el que llevo ya varios meses. Al principio de trabajar utilizaba las primeras versiones, siempre con muy buenos resultados, hasta la más reciente versión estable 1.x, concretamente la 1.5.18. Hace más o menos un año, apareció la nueva versión 2.x de VuetifyJS y la adaptación a esta nueva versión ha necesitado por mi parte realizar un esfuerzo, ya que los cambios son bastantes e importantes, al no existir plena compatibilidad entre la versión 1 y…read more

Vue 3: Conceptos básicos

Posted by in HTML5, Javascript y TypeScript

Muchas cosas van a cambiar con la llegada en breve de Vue 3, y para ello, es muy importante tener unos conocimientos básicos y conocer los principios sobre los que se asienta Vue 3. Es una entrada muy teórica, pero vital para entender todo lo que ocurre dentro de «vue». Qué es el Document Object Model, o DOM El DOM es esencialmente una interfaz de plataforma que proporciona un conjunto estándar de objetos para representar documentos HTML, XHTML y XML, ​ un modelo estándar sobre cómo pueden combinarse dichos objetos,…read more

Vuetify, framework para VueJS

Posted by in HTML5

A lo largo de estos últimos meses, he escrito diversos artículos en este blog sobre VueJS, pero no he precisado de ningún framework específico de VueJS para el front-end, y en este caso, el que he utilizado casi desde el principio ha sido Vuetify, que no es sino un entorno de componentes Material Design para hacer más sencillo el desarrollo de tus apps con VueJs. La versión 1.x Hasta hace bien poco, la versión 1.x era la que estaba operativa, y la que siempre he utilizado, pero desde final de…read more

0