Vuex4 - 정의되지 않은 속성에 액세스할 수 없습니다('상태'에 액세스).

Question

Vue3 및 Vuex4를 사용하고 있는데 다음 오류가 계속 발생합니다.

잡히지 않은 TypeError: 정의되지 않은 속성을 읽을 수 없습니다('상태' 읽기).
    ReactiveEffect.eval에서 [fn으로](App.vue?3dfd:36)
    ReactiveEffect.run에서 (reactivity.esm-bundler.js?a1e9:160)
    ComputedRefImpl.get 값 [값으로] (reactivity.esm-bundler.js?a1e9:1087)
    설정 시(App.vue?3dfd:37)
    callWithErrorHandling에서 (runtime-core.esm-bundler.js?5c40:6656)
    setupStatefulComponent에서 (runtime-core.esm-bundler.js?5c40:6272)
    setupComponent에서 (runtime-core.esm-bundler.js?5c40:6228)
    mountComponent에서(runtime-core.esm-bundler.js?5c40:4081)
    processComponent에서(runtime-core.esm-bundler.js?5c40:4056)
    패치(runtime-core.esm-bundler.js?5c40:3651)

애플리케이션 전체에서 사용할 메시지 변수로 "hello"를 설정하고 싶습니다. 다음은 main.js 파일입니다.

'vue'에서 { createApp} 가져오기
'./App.vue'에서 앱 가져오기
'./router'에서 라우터 가져오기
'vuex'에서 { createStore } 가져오기;


const 저장소 = createStore({
  상태(){
    반품{
      메시지: '안녕하세요'
    }
  }
})


createApp(앱).use(라우터, 스토어).mount('#app')

이것은 내 App.vue 파일이며 이를 수신하기 위해 계산된 함수와 구성된 API를 사용하려고 합니다.

'vue'에서 { 참조, 계산된 } 가져오기
'vuex'에서 { useStore } 가져오기

기본값 내보내기 {
  이름: '앱',
  설정(){
    const store = useStore();

    const message = 계산(() =>store.state.message);
    console.log(message.value);

    반품{ }
  }
}

Answer 1

사용해 보세요:

으아악