Was mache ich falsch, wenn ich Getter verwende, um Zustandsdaten abzurufen und in einer Komponente anzuzeigen?
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>
