인프런 커뮤니티 질문&답변

읍쓰님의 프로필 이미지

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

[리팩토링&퀴즈] mutations 적용 및 퀴즈 안내

왜 발생하는 걸까요??Property or method "store" is not defined on the instance but referenced during render.

23.02.28 00:33 작성

·

1.3K

·

수정됨

1

Todo-Header.vue 파일에 코딩된 내용은 아래와 같습니다.

<template>
  <header>
<!--    <h1>TODO it!</h1>-->
        <h1>{{ this.$store.state.headerText }}</h1>
  </header>
</template>

위 코드를 실행했을때 store 못 찾는 다고 나오는데 이유를 모르겠네요 ㅠ.ㅠ

[Vue warn]: Property or method "store" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <TodoHeader> at src/components/TodoHeader.vue

<App> at src/App.vue

<Root>

답변 2

0

mijin님의 프로필 이미지

2024. 02. 01. 13:23

저는 아래 방법으로 해결됐습니다.
export const store = new Vuex.Store({});
⇓ "export default" 로 수정
export default new Vuex.Store({});

0

장기효(캡틴판교)님의 프로필 이미지

2023. 03. 01. 10:58

안녕하세요, 뷰 인스턴스에 뷰엑스가 잘 연결 되어 있는지 확인해 보시겠어요?

읍쓰님의 프로필 이미지

작성한 질문수

질문하기