Vue3.0 빠른 시작 튜토리얼

• 장1 Vue3-MVVM 패턴 및 컴포넌트 개발
• 1-1 VUE3 Family Bucket의 새 버전에 대해 알아보세요
• 1-2 VUE 반응형 개발과 컴포넌트 기반 개발의 두 가지 핵심
• 1-3 VUE 데이터 양방향 바인딩
• 1-4 VUE 이벤트 운영
• 1-5 vue-cli 스캐폴딩을 대화식으로 설치하는 명령
• 1-6 VUE 프로젝트 실행 및 패키징
• 1-7 마운트 기능 부품 장착 원리
• 1-8 데이터 양방향 바인딩 및 vue.config.js 파일 구성
• 1-9 VUE 인스턴스 매개변수 및 MVVM 모드
• 1-10 VUE 템플릿 보간 작업
• 1-11 VUE 템플릿 지시어 사용
• 1-12 VUE 가상 DOM 및 diff 알고리즘
• 장2 Vue의 템플릿 지시문 및 이벤트 모니터링
• 2-1 어제 수업노트
• 2-2 v-bind 지시어는 요소 속성의 동적 바인딩을 구현합니다.
• 2-3 v-bind 바인딩 스타일 속성에 대한 자세한 설명
• 2-4 v-bind는 클래스 속성을 바인딩하여 동적 스타일을 구현합니다.
• 2-5 VUE 계산은 계산 속성을 처리합니다.
• 2-6 VUE 이벤트 청취
• 2-7 v-on 이벤트 수정자
• 2-8 VUE 조건 분기 명령어
• 2-9 VUE 루프 순회 명령어 v-for
• 2-10 v-모델 양식 데이터 양방향 바인딩-장바구니 총 가격 실시간 계산
• 장3 Vue 구성 요소 통신 및 명명된 슬롯
• 3-1 VUE 컴포넌트 개발
• 3-2 VUE 구성 요소 생성 및 등록
• 3-3 VUE 범위 속성은 구성요소 스타일의 독립성을 실현합니다.
• 3-4 VUE에서 lang=scss 사용
• 3-5 상위 구성 요소는 하위 구성 요소에 데이터를 전달합니다.
• 3-6 $emit을 사용하면 하위 구성 요소가 상위 구성 요소와 통신할 수 있습니다.
• 3-7 슬롯은 구성 요소 확장을 달성하기 위해 구성 요소의 공통성을 추출합니다.
• 3-8 명명된 슬롯 및 범위가 지정된 슬롯 업그레이드 - v-슬롯 사용
• 장4 컴포넌트 라이프사이클 및 Element-plus 컴포넌트 라이브러리
• 4-1 각 구성요소 수명주기의 책임
• 4-2 구성요소 수명주기 후크 기능 트리거링
• 4-3 구성 요소 수명 주기 - 인스턴스 생성 및 삭제
• 4-4 Element-UI-ElementPlus 구성 요소 라이브러리 문서 소개
• 4-5 ElementPlus 구성 요소는 main.js에서 전역적으로 참조됩니다.
• 4-6 ElementPlus 탭 구성요소의 2차 개발
• 4-7 Vue Router 설치 및 활성화
• 4-8 페이지 경로 생성
• 4-9 라우터 링크 구성 요소는 라우팅 탐색을 구현합니다.
• 4-10 전역 변수 $route를 사용하여 경로 점프 구현
• 4-11 경로 점프 - 매개변수 전달 및 수신
• 장5 Vue 라우팅 중첩 및 Vuex 상태 관리
• 5-1 라우팅 프로세스 정렬 시작
• 5-2 Vue는 주문형 라우팅 로딩(라우팅 지연 로딩)을 구현합니다.
• 5-3 Vue-route 하위 라우팅(중첩 라우팅)
• 5-4 하위 라우팅 매개변수 전달 및 수신
• 5-5 경로 리디렉션 및 별칭 설정
• 5-6 VUEX 상태 창고 관리
• 5-7 VUEX getter 계산 속성 사용
• 5-8 Vuex 상태 관리 - Mutation의 사용
• 5-9 Vuex 상태 관리 - 작업 비동기 작업
• 5-10 Vuex 모듈--상태 창고 분할