Was mache ich falsch, wenn ich Getter verwende, um Zustandsdaten abzurufen und in einer Komponente anzuzeigen?

Question

Ich bin sehr neu bei Vuejs 3 und Vuex 4. Ich versuche etwas Einfaches wie einen Getter zu machen. Da es bei mir nicht funktionierte, habe ich ein console.log erstellt, um zu sehen, ob die Ergebnisse in der Konsole angezeigt wurden. Das Ergebnis ist folgendes: CompulatedRefImpl {dep: undefiniert, _dirty: true, __v_isRef: true, effect: ReactiveEffect, _setter: f, ...}... Ich denke, ich muss in der Berechnung einen Ref implementieren, um die Informationen vom Speicher-Getter zu erhalten, aber ich weiß nicht, was ich in diesem Fall tun soll.

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

终于找到错误了。调用 store getter 的方式是错误的。我澄清“lista”是模块的名称