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
- 프로그래머스 코딩테스트
- Redux-Toolkit
- 알고리즘문제
- 자바스크립트
- 프로그래머스 Lv.0
- 1일1코테
- 코테준비
- 정보처리기사
- 코테공부
- 알고리즘공부
- 프로그래밍
- 개발자
- 코테스터디
- 프로그래머스코딩테스트
- js
- 코딩
- next.js 에러
- 코딩테스트
- mysql
- CSS
- 프로그래머스 코테
- html
- 프로그래머스 레벨0
- 알고리즘스터디
- 프로그래머스
- 프로그래머스 알고리즘
- 정처기기출
- 프로그래머스알고리즘
- next.js
- 프로그래머스코테
Archives
- Today
- Total
목록컴포넌트 공통기능 (1)
계발하는 개발자
[Vue.js] 컴포넌트간 공통기능 메서드를 묶는 Mixins(믹스인)
뷰로 컴포넌트를 만들다보면 시간이 지날수록 관리해야 하는 컴포넌트 수가 많아지게 되는데 그러다보면 기능적으로 겹치게 되는 메서드도 생기게 마련이다. 이러한 문제를 해결해주기 위해 존재하는 게 바로 믹스인 되시겠다. 믹스인 옵션을 사용하면 컴포넌트간 중첩되는 공통 기능들을 말그대로 하나로 믹스시켜 해당 기능을 한 번만 정의하고도 컴포넌트 단에서 재사용해서 쓸 수가 있다. 이렇게 말만 하면 입 아프니까 코드를 비교해서 보자. 1. 믹스인 사용 전 문제 상황 : 컴포넌트간 메서드 기능이 중첩되는 상황 // 뷰 인스턴스 new Vue({ el: "#cont", store, methods: { // 하위 컴포넌트에서 접근하기 위해 인스턴스에 등록 !! // 세자리 콤마 함수 numberWithCommas(x) {..
💻 Frontend/Vue.js
2023. 8. 16. 18:23