Apakah yang saya salah apabila menggunakan getter untuk mendapatkan semula data keadaan dan memaparkannya dalam komponen?

Question

Saya sangat baru dengan vuejs 3 dan vuex 4. Saya cuba melakukan sesuatu yang mudah seperti getter. Memandangkan ia tidak berkesan untuk saya, saya membuat console.log untuk melihat sama ada keputusan muncul dalam konsol. Hasilnya ialah ini: CompulatedRefImpl {dep: undefined, _dirty: true, __v_isRef: true, effect: ReactiveEffect, _setter: f, ...}... Saya fikir saya perlu melaksanakan rujukan dalam pengiraan untuk mendapatkan maklumat daripada pengambil storan, tetapi saya tidak tahu apa yang perlu dilakukan dalam kes ini.

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

Akhirnya jumpa ralat. Cara anda memanggil pengambil kedai adalah salah. Saya jelaskan bahawa "lista" adalah nama modul

sssccc