Property or method "" is not defined

Vue 토이프로젝트 개발하다가

" Property or method "SessionStroage" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for cla~~~ "

위와 같은 오류가 발생했다. 이 오류는 많이 봐왔던 오류인데 대충 해석해보면 정의되지않은 속성이나 함수를 사용하고 있다는 것이다. 따라서 렌더할때 정의되지 않은 프로퍼티나 메소드가 사용되고 있는 중이니 그것을 컴포넌트 초기실행할때 정의하고 사용해야 하겠다!!

 

검색해보니 대표적인 발생이유는 다음과 같다.

1. 프로퍼티의 경우 data(){} 내부에 정의하지 않은 경우
2. 정의는 했는데, 이상한 자리에 넣은 경우

   data() {
     return {
       
       keyword: '',     // 이렇게 했어야함..
   
       count: {
         keyword: ''    //데이터 구조 착각해서 잘못넣음;
       }
     }
   }​