프레임워크
Vue.js 빠른 참조
Vue.js 빠른 참조용 인쇄 가능한 치트시트로, 빠른 조회와 학습, 책상 옆 참고용으로 정리되었습니다
미리보기
이 치트시트에 포함된 내용
- 템플릿 구문
- 반응성
- 계산된 속성 및 감시자
- 컴포넌트
- 프롭 및 이벤트
- 슬롯
- Composition API
- 라우터 (Vue Router)
- 라이프사이클 훅
- 리스트 및 조건
- 폼 처리
텍스트 및 표현식
<span>{{ message }}</span>
<span>{{ count + 1 }}</span>
<span>{{ ok ? 'Yes' : 'No' }}</span>
<span v-html="rawHtml"></span>
디렉티브
{{ expr }} | 텍스트 보간 |
v-bind:attr / :attr | 속성을 표현식에 바인딩 |
v-on:event / @event | 이벤트 리스너 연결 |
v-model | 양방향 바인딩 (폼) |
v-if / v-else-if / v-else | 조건부 렌더링 |
v-show | display CSS 전환 (DOM에 유지) |
v-for | 리스트 렌더링 |
v-slot / #name | 명명된 슬롯 콘텐츠 |
속성 바인딩
<img :src="imageUrl" :alt="desc" />
<div :class="{ active: isActive }"></div>
<div :style="{ color: textColor }"></div>
<button :disabled="isLoading">Submit</button>
모든 섹션이 포함된 인쇄용 치트시트 다운로드
PDF 다운로드다운로드
