프레임워크

Vue.js 빠른 참조

Vue.js 빠른 참조용 인쇄 가능한 치트시트로, 빠른 조회와 학습, 책상 옆 참고용으로 정리되었습니다

출처
Vue.js Documentation (vuejs.org)
라이선스
MIT
버전
3 다운로드 옵션
업데이트
2026-03-27

미리보기

이 치트시트에 포함된 내용

텍스트 및 표현식

<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-showdisplay 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 다운로드

다운로드

읽는 방식에 맞는 형식을 고르세요

텍스트 형식

일반 텍스트로 복사하거나 다운로드하세요

Markdown 다운로드

명령어, 스니펫, 설정을 노트나 프롬프트, 문서에 붙여넣기 좋습니다

Markdown 다운로드

미리보기

웹 미리보기는 빠른 확인용입니다. 인쇄 기준물은 여전히 PDF입니다

브라우저에서 열기