VUE3 Family Bucket의 새 버전에 대해 알아보세요

VUE 반응형 개발과 컴포넌트 기반 개발의 두 가지 핵심

VUE 데이터 양방향 바인딩

VUE 이벤트 운영

vue-cli 스캐폴딩을 대화식으로 설치하는 명령

VUE 프로젝트 실행 및 패키징

마운트 기능 부품 장착 원리

데이터 양방향 바인딩 및 vue.config.js 파일 구성

VUE 인스턴스 매개변수 및 MVVM 모드

VUE 템플릿 보간 작업

VUE 템플릿 지시어 사용

VUE 가상 DOM 및 diff 알고리즘

어제 수업노트

v-bind 지시어는 요소 속성의 동적 바인딩을 구현합니다.

v-bind 바인딩 스타일 속성에 대한 자세한 설명

v-bind는 클래스 속성을 바인딩하여 동적 스타일을 구현합니다.

VUE 계산은 계산 속성을 처리합니다.

VUE 이벤트 청취

v-on 이벤트 수정자

VUE 조건 분기 명령어

VUE 루프 순회 명령어 v-for

v-모델 양식 데이터 양방향 바인딩-장바구니 총 가격 실시간 계산

VUE 컴포넌트 개발

VUE 구성 요소 생성 및 등록

VUE 범위 속성은 구성요소 스타일의 독립성을 실현합니다.

VUE에서 lang=scss 사용

상위 구성 요소는 하위 구성 요소에 데이터를 전달합니다.

$emit을 사용하면 하위 구성 요소가 상위 구성 요소와 통신할 수 있습니다.

슬롯은 구성 요소 확장을 달성하기 위해 구성 요소의 공통성을 추출합니다.

명명된 슬롯 및 범위가 지정된 슬롯 업그레이드 - v-슬롯 사용

각 구성요소 수명주기의 책임

구성요소 수명주기 후크 기능 트리거링

구성 요소 수명 주기 - 인스턴스 생성 및 삭제

Element-UI-ElementPlus 구성 요소 라이브러리 문서 소개

ElementPlus 구성 요소는 main.js에서 전역적으로 참조됩니다.

ElementPlus 탭 구성요소의 2차 개발

Vue Router 설치 및 활성화

페이지 경로 생성

라우터 링크 구성 요소는 라우팅 탐색을 구현합니다.

전역 변수 $route를 사용하여 경로 점프 구현

경로 점프 - 매개변수 전달 및 수신

라우팅 프로세스 정렬 시작

Vue는 주문형 라우팅 로딩(라우팅 지연 로딩)을 구현합니다.

Vue-route 하위 라우팅(중첩 라우팅)

하위 라우팅 매개변수 전달 및 수신

경로 리디렉션 및 별칭 설정

VUEX 상태 창고 관리

VUEX getter 계산 속성 사용

Vuex 상태 관리 - Mutation의 사용

Vuex 상태 관리 - 작업 비동기 작업

Vuex 모듈--상태 창고 분할