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 |
29 | 30 | 31 |
Tags
- CSS
- reactjs
- 커스텀
- 2022
- 티스토리꾸미기
- JS console
- react
- 개발콘텐츠
- 공통컴포넌트
- javascript
- TSDoc
- React.js
- NonNullable
- utilty type
- 타입스크립트
- Chart.js
- returnType
- 제네릭
- React Native
- 반복줄이기
- 성능최적화
- 누구나 자료구조와 알고리즘
- 타입좁히기
- vue.js
- typescript
- const 단언문
- 폰트적용하기
- 리액트
- 레이아웃쪼개기
- click and drag
Archives
- Today
- Total
목록F (1)
몽땅뚝딱 개발자
[Vue.js] 컴포넌트간의 통신방법 3가지의 차이점 (emit, props / eventbus / Vuex)
쿼리 한 줄을 짤 때에도 성능에 어떤 영향을 미칠 지 고민하고 짠다는 서비스회사의 얘기를 처음 들었을 때 꽤나 충격을 받았다. 그 뒤로 늘 일정에 쫓겨 '돌아가기만 하면 되는 코드'만 만들어오던 모습에서 이제는 '좋은 코드'에 가까워지기 위해 노력하고 있다. 이번에 Vue.js로 클론코딩을 진행하며 전혀 사용하지않았던 새로운 방식으로 컴포넌트를 쪼개어보았다. 그러자 컴포넌트의 depth가 많아졌고 필요한 곳마다 같은 파일을, 같은 변수를 Import하는 내 모습을 깨닫고 이건 아니다 싶어 몽땅 지워버리고 적절한 통신방법에 대해 고민하기 시작했다. 내가 알고있는 컴포넌트간의 통신방법은 3가지로 추려볼 수 있다. 1. props & emit 2. eventbus 3. Vuex 지금까지는 eventbus를 제..
Development/Vue.js
2022. 1. 6. 13:49