Vue 학습

색인

기호

• (파운드 기호), 템플릿 태그 및 v-슬롯 속성이 있는 명명된 슬롯 사용
• (콜론), v-bind의 경우, 반응형 데이터 바인딩 및 소품 데이터 전달을 v-bind로 바인딩합니다.
• ?(물음표) 구문을 사용하여 경로 간 데이터 전달 시 쿼리 필드, 경로 간 데이터 전달
• (기호에서) v-on의 경우, v-on이 있는 요소에 이벤트 리스너 추가하기
• (백틱)을 사용하여 다단계 HTML 코드, 템플릿 구문
• {}(중괄호)
  • JSX로 데이터 바인딩하기, 렌더 함수에서 JavaScript XML 작성하기
  • {{}}(콧수염 구문), 데이터 속성을 사용하여 로컬 상태 만들기

A

• AboutView 샘플 컴포넌트, Vue 라우터 설치하기
• 액션, 스토어, 피자 하우스의 피자 스토어 생성, 피자 하우스의 카트 스토어 생성, 액션으로카트 항목표시하기-액션으로 카트 항목 표시하기, 스토어 변경에 대한 구독 부수 효과
• activeClass, 라우터링크 컴포넌트로 내비게이션 바 구축하기
• 진입 후 전환 이벤트, 전환 이벤트를 사용하여 애니메이션 제어하기
• 퇴장 후 전환 이벤트, 전환 이벤트를 사용하여 애니메이션 제어하기
• 후각 후크
  • Playwright를 사용한 E2E 테스트, PlaywrightJS를 사용한 엔드투엔드 테스트
  • 내비게이션 가드, 글로벌 내비게이션 가드
• 별칭 경로 구성 속성, 경로 정의
• .alt 키 수정자, 키 코드 수정자로 키보드 이벤트 감지하기
• 앵커, URL에서 라우팅이란 무엇인가요?
• 애니메이션 속성, CSS 트랜지션 및 CSS 애니메이션 이해하기
• 애니메이션, CSS 트랜지션 및 CSS 애니메이션 이해하기
  • (트랜지션도 참조 )
  • 트랜지션 이벤트로 제어하기, 트랜지션 이벤트를 사용하여 애니메이션 제어하기
  • 정의하기, CSS 전환 및 CSS 애니메이션 이해하기
  • 서드파티 라이브러리, 경로 전환만들기-전환 이벤트를 사용하여애니메이션 제어하기
• 모든 유형, 피하기, 재사용 가능한 가져오기 컴포넌트 만들기
• 앱 루트 컴포넌트, 마운팅, Vue 앱 인스턴스 및 옵션 API
• 등장 소품, 등장으로 초기 렌더에 전환 효과 추가하기
• 애플리케이션
  • 클라이언트 측 렌더링, Vue를 사용한 서버 측 렌더링
  • 구성 옵션, 새 Vue 애플리케이션 만들기
  • 데이터베이스에 연결하기, 애플리케이션과 외부 데이터베이스 연결하기
  • 만들기, 새 Vue 애플리케이션만들기-새 Vue 애플리케이션 만들기, Vue 앱 인스턴스 및 옵션 API
  • NPM으로 만들기, NPM
  • 디렉터리 및 파일 구조, 새 Vue 애플리케이션 만들기
  • 로딩, 파일 저장소 구조
  • 서버 측 렌더링, 서버 측 렌더링(SSR )-서버 측렌더링(SSR)
• 배열
  • v-for로 반복하기, v-for를 사용하여 데이터 수집반복하기-객체 속성을 통해 반복하기
  • 스타일 배열, 클래스 및 스타일 속성에 대한 바인딩
  • V-모델을 사용한 양방향 바인딩, V-모델을 사용한 양방향 바인딩
• 비동기 통화
  • Playwright를 사용한 E2E 테스트, PlaywrightJS를 사용한 엔드투엔드 테스트
  • Axios로 데이터 로드하기, 라이프사이클 후크와 Axios로 데이터 로드하기, 런타임에 데이터 요청 비동기화: 도전과제-재사용 가능한 가져오기 컴포넌트 만들기
  • 재사용 가능한 ...