19일차

vue의 컴포넌트에서 부모 데이터에 접근하는 방법

this.$root.$data

객체나 배열의 경우 내부 값을 직접 바꾸면 화면이 봐뀌지않는다.

push 같은 것은 바꾼다.

해결 방법

Vue.set(this.tableData[0], 0, 'X)이런식으로 vue.set을 사용하면된다.

배열 인덱스를 여러개 사용하는 경우 마지막 인덱스를 값으로 하면 된다.

this.$set

The template root disallows 'v-for' directives

란 에러가 떳는데 확인해보니 최상단에 못두는것같다 div로 감싸주었더니 에러가 해결되었다.

Event bus

import export new Vue를 만들어준뒤 해당을 import export 한다

이후 최상단에서 $on으로 이벤트를 등록하고 $emit으로 이벤트를 불러온다.

단점은 일일이 등록해줘야 한다는 것이다.

vue.use(vuex)를 해준 뒤 최상위 컴포넌트와 vuex를 연결시켜줘야한다.뮤테이션은 기록이 남기때문에 어떻게 바꼇는지 추적이 가능하다.https://www.inflearn.com/course/web-game-vue/lecture/23197?tab=curriculum&volume=0.24&speed=1.5여기까지 강의들음vuex좀만 더 듣고router만 들으면 될듯