Skip to content
Haven't migrated to Vue 3 yet?
Explore Never-Ending Support for Vue 2 by HeroDevs
Learn more
Vue.js
Search
Main Navigation
문서
가이드
튜토리얼
예제
시작하기
용어 사전
Vue 2 문서
Vue 2에서 마이그레이션
API
온라인 연습장
Ecosystem
리소스
파트너
테마
자격증
일자리
T-셔츠샵
공식 라이브러리
Vue Router
Pinia
도구 가이드
비디오 코스
Vue Mastery
Vue School
도움
Discord 채팅
GitHub 토론
DEV Community
뉴스
블로그
트위터
이벤트
뉴스레터
정보
자주 묻는 질문
팀
출시
커뮤니티 가이드
행동 강령
다큐멘터리
스폰서
파트너
English
简体中文
日本語
Українська
Français
Português
বাংলা
Italiano
번역에 참가하세요!
github
twitter
discord
Appearance
github
twitter
discord
API 레퍼런스
필터
전역 API
Application
createApp()
createSSRApp()
app.mount()
app.unmount()
app.component()
app.directive()
app.use()
app.mixin()
app.provide()
app.runWithContext()
app.version
app.config
app.config.errorHandler
app.config.warnHandler
app.config.performance
app.config.globalProperties
app.config.optionMergeStrategies
일반
version
nextTick()
defineComponent()
defineAsyncComponent()
defineCustomElement()
컴포지션 API
setup()
기본 사용법
Props에 접근하기
Setup Context
렌더 함수와 함께 사용하기
반응형: 핵심
ref()
computed()
reactive()
readonly()
watchEffect()
watchPostEffect()
watchSyncEffect()
watch()
반응형: 유틸리티
isRef()
unref()
toRef()
toValue()
toRefs()
isProxy()
isReactive()
isReadonly()
반응형: 고급
shallowRef()
triggerRef()
customRef()
shallowReactive()
shallowReadonly()
toRaw()
markRaw()
effectScope()
getCurrentScope()
onScopeDispose()
생명주기 훅
onMounted()
onUpdated()
onUnmounted()
onBeforeMount()
onBeforeUpdate()
onBeforeUnmount()
onErrorCaptured()
onRenderTracked()
onRenderTriggered()
onActivated()
onDeactivated()
onServerPrefetch()
종속성 주입
provide()
inject()
hasInjectionContext()
옵션 API
옵션: 상태
data
props
computed
methods
watch
emits
expose
옵션: 렌더링
template
render
compilerOptions
slots
옵션: 생명주기
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
beforeUnmount
unmounted
errorCaptured
renderTracked
renderTriggered
activated
deactivated
serverPrefetch
옵션: 컴포지션
provide
inject
mixins
extends
옵션: 기타
name
inheritAttrs
components
directives
컴포넌트 인스턴스
$data
$props
$el
$options
$parent
$root
$slots
$refs
$attrs
$watch()
$emit()
$forceUpdate()
$nextTick()
빌트-인
디렉티브
v-text
v-html
v-show
v-if
v-else
v-else-if
v-for
v-on
v-bind
v-model
v-slot
v-pre
v-once
v-memo
v-cloak
컴포넌트
<Transition>
<TransitionGroup>
<KeepAlive>
<Teleport>
<Suspense>
특수 엘리먼트
<component>
<slot>
<template>
특수 속성(Attributes)
key
ref
is
싱글 파일 컴포넌트
문법 설명서
개요
언어 블럭
자동으로 이름 추론
전처리기
src 가져오기
주석
<script setup>
기본 문법
반응형
컴포넌트 사용하기
커스텀 디렉티브 사용
defineProps() & defineEmits()
defineExpose()
defineOptions()
defineSlots()
useSlots() & useAttrs()
일반 <script>와 함께 사용
최상위 await
Generics
제한사항
CSS 기능
범위가 지정된 CSS
CSS 모듈
CSS에서 v-bind()
고급 APIs
렌더 함수
h()
mergeProps()
cloneVNode()
isVNode()
resolveComponent()
resolveDirective()
withDirectives()
withModifiers()
서버 사이드 렌더링
renderToString()
renderToNodeStream()
pipeToNodeWritable()
renderToWebStream()
pipeToWebWritable()
renderToSimpleStream()
useSSRContext()
TypeScript 유틸리티 타입
PropType<T>
MaybeRef<T>
MaybeRefOrGetter<T>
ExtractPropTypes<T>
ExtractPublicPropTypes<T>
ComponentCustomProperties
ComponentCustomOptions
ComponentCustomProps
CSSProperties
커스텀 렌더러
createRenderer()
API Reference has loaded