Manejando datos

Ampliando conocimientos de VueX: módulos

Posted by in Javascript y TypeScript

En la tercera entrada de la serie Trabajando con Vuetify (parte 2) os hablé de VueX, el repositorio de información utilizado para trabajar con VueJS, y que es de lo más práctico (en mi opinión). Hoy ampliamos conocimientos con el uso de módulos de VueX. VueX en grandes proyectos Aunque en el título he puesto VueX para grandes proyectos, las explicaciones que te describo a continuación también sirven para proyectos de tipo medio, o incluso proyectos pequeños. No hay una receta perfecta, pero lo que yo te cuento aquí está…read more

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