vue 구성 요소 안내

구성 요소 가 무엇 입 니까?
웹 의 구성 요 소 는 바로 페이지 로 구 성 된 일부분 이다.예 를 들 어 컴퓨터 의 모든 부품(예 를 들 어 하 드 디스크,키보드,마우스)과 같다.이것 은 독립 적 인 논리 와 기능 이나 인터페이스 를 가 지 는 동시에 규정된 인터페이스 규칙 에 따라 서로 융합 되 어 완전한 응용 이 될 수 있다.
웹 페이지 는 네 비게 이 션,목록,팝 업 창,드 롭 다운 메뉴 등 과 유사 한 부분 으로 구성 되 어 있다.페이지 는 이러한 구성 요소 의 용기 에 불과 합 니 다.구성 요소 가 자 유 롭 게 조합 되 어 기능 이 완전한 인터페이스 를 형성 합 니 다.특정한 구성 요소 가 필요 하지 않 거나 구성 요 소 를 교체 하려 면 언제든지 교체 하고 삭제 할 수 있 으 며 전체 응용 프로그램의 운행 에 영향 을 주지 않 습 니 다.
전단 구성 요소 화의 핵심 사 고 는 거대 하고 복잡 한 것 을 입도 가 합 리 적 인 작은 것 으로 나 누 는 것 이다.
구성 요소 사용 의 장점:

개발 효율 향상

중복 사용 이 편리 하 다

디 버 깅 절차 간소화

전체 프로젝트 의 유지 성 향상

공동 개발 에 편리 하 다.

구성 요소(Component)는 Vue.js 의 가장 강력 한 기능 중의 하나 이다.
구성 요 소 는 HTML 요 소 를 확장 할 수 있 고 재 활용 가능 한 코드 를 패키지 할 수 있 습 니 다.
높 은 차원 에서 구성 요 소 는 사용자 정의 요소 이 고 Vue.js 의 컴 파일 러 는 특수 기능 을 추가 합 니 다.
어떤 경우 에는 구성 요소 도 원생 HTML 요소 의 형식 으로 is 특성 으로 확장 할 수 있 습 니 다.
구성 요소 시스템 은 우리 로 하여 금 독립 적 으로 재 활용 가능 한 작은 구성 요소 로 대형 응용 을 구축 할 수 있 게 한다.거의 모든 유형의 응용 인터페이스 는 하나의 구성 요소 트 리 로 추상 화 할 수 있다.

vue.js 구성 요 소 는 행동 을 미리 정의 하 는 ViewModel 클래스 로 이해 할 수 있 습 니 다.하나의 구성 요 소 는 많은 옵션 을 미리 정의 할 수 있 습 니 다.그러나 가장 핵심 적 인 것 은 다음 과 같은 몇 가지 이다.

템 플 릿(template)-템 플 릿 은 데이터 와 최종 적 으로 사용자 에 게 보 여 주 는 DOM 간 의 매 핑 관 계 를 설명 합 니 다.

초기 데이터(data)―구성 요소 의 초기 데이터 상태.사용 가능 한 구성 요소 에 있어 서 는 일반적으로 개인 적 인 상태 입 니 다.

받 아들 인 외부 매개 변수(props)―구성 요소 간 에 매개 변 수 를 통 해 데이터 의 전달 과 공 유 를 한다.매개 변 수 는 기본적으로 단 방향 바 인 딩(위 에서 아래로)이지 만 양 방향 바 인 딩 으로 명시 할 수 있 습 니 다.

방법(methods)―데이터 에 대한 변경 작업 은 일반적으로 구성 요소 의 방법 에서 진행 된다.v-on 명령 을 통 해 사용자 가 이벤트 와 구성 요 소 를 입력 하 는 방법 을 연결 할 수 있 습 니 다.

생명주기 갈고리 함수(lifecycle hooks)―한 구성 요 소 는 여러 개의 생명주기 갈고리 함 수 를 촉발 할 수 있다.예 를 들 어 created,attached,destroyed 등 이다.이 갈고리 함수 들 중에서 우 리 는 사용자 정의 논 리 를 봉인 할 수 있다.전통 적 인 MVC 에 비해 Controller 의 논리 가 이 갈고리 함수 에 분 산 된 것 으로 이해 할 수 있다.

이상 은 vue 구성 요소 의 상세 한 내용 을 깊이 이해 하 는 것 입 니 다.vue 구성 요소 에 관 한 자 료 는 다른 관련 글 에 주목 하 십시오!