Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 알고리즘문제
- 1일1코테
- next.js 에러
- 자바스크립트
- 프로그래머스 알고리즘
- 프로그래머스 Lv.0
- 프로그래머스알고리즘
- 코딩테스트
- 프로그래머스코테
- 프로그래머스 코딩테스트
- 코테스터디
- 알고리즘공부
- 프로그래머스 코테
- 코딩
- mysql
- 알고리즘스터디
- 정처기기출
- Redux-Toolkit
- 코테준비
- 코테공부
- next.js
- 프로그래머스코딩테스트
- 프로그래머스
- js
- 프로그래머스 레벨0
- 프로그래밍
- html
- CSS
- 개발자
- 정보처리기사
Archives
- Today
- Total
목록자식컴포넌트에게 데이터 전달 (1)
계발하는 개발자
[Vue.js] 컴포넌트 provide(제공) / inject(주입) 이해하기
어제 포스팅했던 mixins 옵션을 알기 전에, 부모 컴포넌트에서 자식 컴포넌트로 메서드 전달을 위해 기존 사용하였던 provide/inject 에 대해 정리해볼까 한다. 먼저 이와 비슷한 기능을 하는 props가 아닌 provide/inject를 고려했던 이유는 자식컴포넌트의 경우 부모컴포넌트에서 사용하는 단순 메서드가 필요한 것이지, 부모측 데이터는 필요없어서였다. 이런 경우 props로 전달받기엔 많은 번거로움이 있다고 생각했다. 이 포스팅은 일전 사용하였던 경험을 바탕으로 정리한 것이며, 지금은 해당 코드 블럭을 mixins으로 대체해서 코드상에서는 제외되었다. Provide/inject 란? 목적 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하거나, 부모-자식 계층 구조를 따르지 않는 컴포넌트..
💻 Frontend/Vue.js
2023. 8. 17. 02:49