vue-cli4 설치

vue-cli4 프로젝트 빌드

vue-cli4 프로젝트 시작 페이지 사용자 정의

쇼핑몰 사례 요구 사항 분석

페이지 초기화 및 배너 표시

vue-cli4는 페이지의 왼쪽 및 오른쪽 레이아웃 효과를 완성합니다.

왼쪽 탐색 메뉴 설정

오른쪽에 제품 디스플레이 영역을 설정합니다.

버스는 형제 구성 요소 간의 가치 전송을 실현합니다.

axios는 ajax 요청을 구현합니다.

오른쪽에 제품 목록 표시

vue watch는 데이터 변환을 모니터링합니다.