Adquiere por un a帽o todos los cursos, escuelas y certificados por un precio especial.

Antes: $249

Currency
$219/a帽o

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Comprar ahora

Termina en:

0D
15H
12M
50S

Layouts y Vuex Modules

10/27

Lectura

Aunque la app se ve mejor sigue estando la falta de estilo, ya que se ve todo alineado a la izquierda.
AlLeft

...

Reg铆strate o inicia sesi贸n para leer el resto del contenido.

Aportes 10

Preguntas 3

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Aqu铆 les dejo el fix.

En la parte de store/index.js debemos agregar el modulo de Loading por lo que deber铆a quedar as铆:

import Vue from'vue'
import Vuex from'vuex'

import oauth from'./modules/oauth'
import loading from'./modules/loading'

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    loading,
    oauth
  }
})

Y en App.vue deber铆a quedar as铆 en la parte de Script:

import MainLayout from '@/layouts/MainLayout'
import LoadLayout from '@/layouts/LoadLayout'
import BaseLoading from '@/components/BaseLoading'

export default Vue.extend({
  name: 'App',
  components: {
    MainLayout,
    LoadLayout,
    BaseLoading
  },
  computed: {
    isLoading () {
      return this.$store.state.loading.isLoading
    }
  }
})

Hola, hasta ahora todo genial. Solo me preguntaba si hay alguna razon particular por la cual usamos mayusculas para algunos metodos por ejemplo: SET_LOADING, SET_ACCESS_TOKEN, SET_LOADING ?

Son metodos reservados o es solo un estandar o buena practica?

Muchas gracias de antemano.

Perfecto, aunque tengo dos cuantas dudas:

1.- Tengo entendido que por buenas pr谩cticas (Y esto se menciona en los cursos anteriores), el v-if solo se debe usar en componentes que vamos a renderizar una sola ves, en este caso, ocuparemos el loader en diferentes ocasiones, por lo que usar v-if podr铆a consumir m谩s recursos de los esperado, 驴No ser铆a mejor usar v-show? As铆 solamente mostramos el loading cuando lo necesitemos y cuando no solo se oculta con CSS (v-show), as铆 no estamos rendereando una y otra vez el loader, aunque claro, esto igual puede dar problemas, porque si en el layout principal usamos propiedades que no est谩n disponibles a煤n, al usar v-show dar谩 un error, pero con v-if no habr谩 problema

2.- Ya que el loader lo usaremos mucho, 驴No ser铆a m谩s pr谩ctico importarlo como un componente global? Algo as铆 como Bootstrap-vue que no necesitamos importarlo en cada componente que usemos?

Muy guay el tema de los namespaces de Vuex!!

驴Que significa el {root:true} dentro de commit(鈥榣oading/SET_LOADING鈥, true, { root: true })?

Como peque帽o aporte me gustar铆a a帽adir que a_ mapState_ tambi茅n es posible enviarle como segundo param茅tro un Array de elementos con los estados que queremos traernos, que a m铆 personalmente, me gusta m谩s como queda:

//...mapState('loading', { isLoading: 'isLoading })
...mapState('loading', ['isLoading'])

Seguimos con el curso !! 馃憤馃徎

Hola, estuve copiando y probando el c贸digo, sali贸 todo ok. Pero a veces en la consola me daba error de identacion o falta linea de espacio al final de cada archivo. Hay alguna manera de solucionarlo sin estar yendo linea por linea? Ejemplo de errores:
23:1 error Expected indentation of 6 spaces but found 8 indent
47:2 error Newline required at end of file but not found eol-last

Compa帽eros, le铆 la documentacion de Vuex pero la verdad no me queda muy claro como funciona el el spread operator en el mapState(), Gracias!

馃槢

Hola! en est茅 y varios documentos m谩s est谩n cortadas algunas etiquetas de cierre de componentes y el contenido est谩 incompleto.

Genial! no tengo todav铆a muy claro para que sirve namespaced: true alguien me explica por favor?