Qu'est-ce que je fais de mal lorsque j'utilise des getters pour récupérer des données d'état et les afficher dans un composant ?

Question

Je suis très nouveau sur vuejs 3 et vuex 4. J'essaie de faire quelque chose de simple comme un getter. Comme cela n'a pas fonctionné pour moi, j'ai créé un console.log pour voir si les résultats apparaissaient dans la console. Le résultat est le suivant : CompulatedRefImpl {dep : undefined, _dirty : true, __v_isRef : true, effect : ReactiveEffect, _setter : f, ...}... Je pense que je dois implémenter une référence dans le calcul pour obtenir les informations du getter de stockage, mais je ne sais pas quoi faire dans ce cas.

state: {
  
  title:'hello'
},

getters: {

title: state => state.title

},

<template>

  {{title}}

</template>



<script>

import {computed, ref} from 'vue'
import {useStore} from 'vuex'
export default {
  name: 'Lista',

  setup(){
    const store = useStore();

    const nuevaSerie = ref("");
    let title = ref("");

    /*  const borrar_todo = async (index) =>{
        store.dispatch ('lista/borrar_todo',{ 
          index
        })
      }
            
      const nueva_serie = async (nombre) =>{
        store.dispatch ('lista/nueva_serie',{
          nombre
        }) 
      }

      const colores = async (index) =>{
        await new Promise( (aceptar)=>{   
                setTimeout( ()=>{
                    aceptar()
                },100)
            })
        store.dispatch ('lista/colores', index)
      }*/



       title = computed(() => store.getters.title)
        console.log(title)

      
    let series = store.state.lista.series

    return { series, nuevaSerie, nueva_serie, borrar_todo, colores, title}
  }   
}
</script>

Answer 1

Enfin trouvé l'erreur. La façon dont vous appelez le getter du magasin est fausse. Je précise que "lista" est le nom du module

sssccc