Vue 구성 요소 화 개발 사고

일반적으로 구성 요소 에 대해 말하자면,내 가 먼저 생각 하 는 것 은 탄창 이 고,다른 것 은 뇌 가 공백 상태 이다.
이것 은 프로젝트 에서 가장 많이 사용 되 는 기능 이 라 고 생각 하기 때문에 추출 하고 재 활용 하기 쉬 운 것 이 구성 요소 입 니 다~
그러나 나 는 비로소 이 생각 에 문제 가 있다 는 것 을 알 았 다.
나 는 Vue 의 구성 요소 와 UI 라 이브 러 리 의 구성 요소(팝 업 창 같은 것)를 의식 적 으로 헷 갈 렸 을 수도 있다 는 것 을 깨 달 았 다.
최근 폼 개발 로 페이지 에 연동 메뉴 옵션 이 2 개 있 습 니 다.
우선 생각 나 는 것 은 이 스타일 이 주 소 를 선택 한 연동 메뉴 와 똑 같 군요~
(쓸데없는 소리,같은 종목 은 ui 스타일 을 똑 같이 유지 해 야 지!)
하지만 차 이 는 제 가 1 급 1 급 2 급 이 고 주소 가 4 급 입 니 다.

그리고 나 서 나 는 그 주소 의 구성 요 소 를 도입 해서 사용 하려 고 했 는데,이것 은 4 급 이 라 고 쓰 여 있 는 것 을 발견 했다.
이 럴 때 저 는 두 가지 방법 밖 에 생각 이 안 나 요.
1.각각 1 급 옵션 과 2 급 옵션 으로 바 꾼 2 개의 구성 요소(low 인 것 같 습 니 다)
2.4 급 연동 구성 요 소 를 참조 하여 1 급 옵션 이나 2 급 옵션 으로 바 꿉 니 다.
3.유 니 버 설 무한 연동 메뉴 를 다시 작성 합 니 다.
마지막 에 3 을 골 라 서 자기가 다시 만 들 었 어 요.
왜 통합 되 지 않 았 는 지 에 대해 서 는 이 두 구성 요소 가 처 한 업무 페이지 의 서로 다른 논리 도 차이 가 있 음 을 고려 합 니 다.
1.목록 을 가 져 오 는 논리 가 다 를 수 있 습 니 다.한꺼번에 4 급 을 가 져 오 는 것 입 니까?아니면 매번 1 급 이나 2 급 만 가 져 오 는 것 입 니까?
이것 이 확실 하지 않 으 면 유 니 버 설 구성 요소 로 만 들 면 모두 처리 해 야 합 니 다.
2.저 는 옵션 을 직접 연주 합 니 다.주 소 는 새 페이지 로 건 너 가서 옵션 을 클릭 합 니 다.
저 는 부자 구성 요소 로 데 이 터 를 전달 할 수 있 습 니 다.주 소 는 vuex(부자 가 아 닌)를 사 용 했 습 니 다.
한 마디 로 하면 실현 원가 와 유지 원가 가 높 고 재 활용 가치 가 그리 높 지 않다 는 것 이다.
두 페이지 모두 같은 양식 과 논리 가 다른 구성 요 소 를 가지 고 있 는 셈 이다.
이것 은 완전히 두 개의 구성 요소 입 니 다~
유 니 버 설 스타일 부분 을 복사 하여 각자 내부 에서 업무 논 리 를 실현 합 니 다.
두 구성 요 소 는 서로 다른 판 넬 에 놓 여 서로 독립 되 어 관리 와 유지 에 편리 합 니 다.
이 럴 때 vue 구성 요소 화 된 그림 을 결합 하면 잘 알 수 있 습 니 다.
구성 요소 화 개발
재 활용(같은 논리)보다 분 치(자체 업무 논리)가 더 중요 합 니 다!
복잡 한 업무 논리 협조 vuex 더욱 편리 하 게 구성 요소 화~
그래서 저 는 구성 요소 화 된 구성 요 소 를 이해 합 니 다.