탭메뉴만드는거에서..

[이효준]

탭 만들기 & 탭으로 사진 업로드 페이지 만들기 강의에서
container.vue에 
v-if="step == 0" v-if="step == 1" v-if="step == 2"
이렇게 나누고
탭버튼을 
<button @click="step = 0">1</button>
    <button @click="step = 1">2</button>
    <button @click="step = 2">3</button>
이렇게 만들었는데 오류가 나오는데 어떤 부분을 수정해야 되는건가요?

[codingapple]

어떤 오류입니까 
step같은거 props전송을 안했을수도요

[이효준]

2:21 error Unexpected mutation of "step" prop vue/no-mutating-props 
3:21 error Unexpected mutation of "step" prop vue/no-mutating-props 
4:21 error Unexpected mutation of "step" prop vue/no-mutating-props
이렇게 오류메시지가 나오고
container.vue 에는 props에 step : Number 이렇게 해주고

App.vue 에는
<Container :인스타데이터="인스타데이터" :step="step" :이미지="이미지" @write="작성한글 = $event"/>
이렇게 했습니다

[codingapple]

props는 변경하면 안됩니다 커스텀이벤트로 부모에 있던 step을 조작합시다

[이효준]

data(){
    return{
      인스타데이터 : Instadata,
      더보기 : 0,
      step : 0,
      이미지 : '',
      작성한글 : '',
    }
  }
부모(App.vue)에 이렇게 했는데 틀린건가여?ㅠㅠ

[codingapple]

data만드는건 별문제없습니다 그걸 자식이 조작하려면 커스텀이벤트로 합시다

[글쓴이]

글