inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[리팩토링] 할 일 삭제 기능

App.vue에서 v-on으로 호출 되는 함수에 파라미터를 작성 안하나요?

362

EUNBYUL SEO

작성한 질문수 2

1

App.vue의 methods 중 removeOneItem에서 분명 todoItem, index를 인수를 받는데, 왜 호출하는 v-on:removeItem="removeOneItem"에서는 파라미터를 넘겨주지 않나요? 넘겨주었더니 오히려 에러가 나던데, 이 부분이 잘 이해가 안가요ㅜㅜ 설명부탁드려도 될까요?

추가로 0:20에 이야기하시는 App.vue에서 props데이터를 내리면 TodoList.vue에서 기존에 갖고 있던 메소드들을 사용하지 못하는 이유도 설명해주시면 정말 감사하겠습니다!!

es6 vuex vuejs javascript

답변 1

0

캡틴판교

안녕하세요, 요건 뷰 문법에 대한 이해도 필요하지만 기본적으로 JS 문법에 대한 이해가 필요할 것 같아요 :) 아래 코드가 각각 어떻게 동작되는지 한번 학습해 보시겠어요?

 

function doSomething() {
  // ...
}

window.onclick = doSomething;
window.onclick = doSomething();

두 번째로 주신 질문에서 TodoList.vue의 기존 메서드를 사용할 수 없다는 부분이 무슨 말씀이실까요? 각 컴포넌트에서 data()로 선언해서 사용하던 데이터들을 모두 App.vue로 올리게 됨으로써 로직이 변경되는 부분을 말씀하시는 건지.. 강의 내용을 다시 한번 들어보시고 그래도 궁금증이 해결되지 않으면 다시 한번 질문 부탁 드릴게요 :)

Chrome 개발자 모드 확장이 안됨

0

320

1

깃 권한 요청드립니다

0

130

1

vue.js 중급 리포지토리 권한 관련

0

131

1

vuex + axios 질문 있습니다!

1

211

2

깃 권한 요청드립니다!

0

170

1

강의 깃주소 문의

0

153

1

router-view에 props를 어떻게 넘길 수 있나요?

1

293

2

Vue가 인식되지 않는 현상

0

215

1

기초강좌는 어디있나요?

1

202

2

App.vue가 필요한 이유

0

202

1

getter가 정의되어 있지 않아 오류가 발생합니다.

1

266

1

뷰 라이프사이클

1

198

1

TSLint 말고 TSLint Vue 설치해도 되나요?

1

381

3

로컬 스토리지는 어디에 있나요?

1

291

1

vuex 실행시 새로고침해야지만 리스트에 나타나는 현상

1

405

2

export default 관련한 질문

0

369

2

깃허브 vue-todo 접근불가에 따른 확인요청

1

364

2

깃허브에 문제있는것 같습니다.

1

286

2

인프런 강의 재생 화면 구성 변경 문의드립니다

1

314

2

addTodo Helper 함수 적용

1

255

1

vuex 헬퍼 전역 설정

1

255

2

github 권한요청드립니다.

1

265

2

이벤트 위치에 대한 궁금증 입니다.

1

234

2

구조 차이에 대한 문의

1

353

2