Inflearn Community Q&A

ohhayocom5954

asked

Learning Vue while making web games

7-3. Vue.set

this.$root.$data.turn 작동하지를 않습니다..ㅠㅠ

Written on

478

undefined

TdComponent.vue?c5a7:15 {__ob__: Observer}

TdComponent.vue?c5a7:16 {__ob__: Observer}

TdComponent.vue?c5a7:17 undefined

vue.esm.js?efeb:628 [Vue warn]: Error in v-on handler: "TypeError: Cannot read property '1' of undefined"

found in

---> <TdComponent> at src/components/molecules/TdComponent.vue

<TrComponent> at src/components/molecules/TrComponent.vue

<TableComponent> at src/components/oranlsms/TableComponent.vue

<TicTacToe> at src/components/TicTacToe.vue

<App> at src/App.vue

<Root>

warn @ vue.esm.js?efeb:628

logError @ vue.esm.js?efeb:1893

globalHandleError @ vue.esm.js?efeb:1888

handleError @ vue.esm.js?efeb:1848

invokeWithErrorHandling @ vue.esm.js?efeb:1871

invoker @ vue.esm.js?efeb:2188

original._wrapper @ vue.esm.js?efeb:7565

vue.esm.js?efeb:1897 TypeError: Cannot read property '1' of undefined

at VueComponent.onClickTd (TdComponent.vue?c5a7:19)

at invokeWithErrorHandling (vue.esm.js?efeb:1863)

at HTMLTableCellElement.invoker (vue.esm.js?efeb:2188)

at HTMLTableCellElement.original._wrapper (vue.esm.js?efeb:7565)

logError @ vue.esm.js?efeb:1897

globalHandleError @ vue.esm.js?efeb:1888

handleError @ vue.esm.js?efeb:1848

invokeWithErrorHandling @ vue.esm.js?efeb:1871

invoker @ vue.esm.js?efeb:2188

original._wrapper @ vue.esm.js?efeb:7565

제로초님 안녕하세요.. ㅠㅠ

this.$root.$data.turn 작동하지를 않습니다..ㅠㅠ

ㅇ

vuex웹팩vuejs

Quiz

Vue에서 테이블을 구성할 때, Table, TR, TD 컴포넌트를 분리하여 사용하는 주된 이유는 무엇일까요?

코드 재사용성 향상

부분적인 화면 갱신으로 성능 최적화

스타일 적용의 용이성

데이터 바인딩 규칙 단순화

Answer 4

zerocho

Instructor

main.js 코드를 다음과 같이 바꿔보세요.

import Vue from 'vue';
import TicTacToe from './TicTacToe';

new Vue(TicTacToe).$mount('#root');

ryosuke kureha

Questioner

똑같은 에러라서... 제가 뭔가 잘못하고 있는건가요?

ryosuke kureha

Questioner

위에는 선생님 깃허브에서 다운받아서 작동해봤구요... 밑에는

this.$root.$data가 들어오지를 않습니다...

{__ob__: Observer}
__ob__: Observer
dep: Dep {id: 3, subs: Array(0)}
value: {__ob__: Observer}
vmCount: 1
__proto__: Object
__proto__: Object

TdComponent.vue?c5a7:15 {__ob__: Observer}
parant: (...)
__ob__: Observer {value: {…}, dep: Dep, vmCount: 1}
get parant: ƒ reactiveGetter()
set parant: ƒ reactiveSetter(newVal)
__proto__: Object
도저히 못찾겠어요.. 건너뛰어야 할까요?

zerocho

Instructor

1 of undefined라는데 x[1]이 있다면 x가 undefined인 것입니다. 왜 x가 undefined인지 console.log로 추적해보세요.

ohhayocom5954

asked

Ask a question