我對 vuejs 3 和 vuex 4 還很陌生。我正在嘗試做一些像 getter 這樣簡單的事情。由於它對我不起作用，我製作了一個 console.log 來查看結果是否出現在控制台中。結果是這樣的：CompulatedRefImpl {dep：undefined，_dirty：true，__v_isRef：true，effect：ReactiveEffect，_setter：f，...}... 我認為我必須在計算中實現 ref ，用於從存儲 getter 獲取信息，但我不知道在這種情況下該怎麼做。
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>
