Skip to content
Work in Progress - for Preview Only
Vue.js
Search
⌘
K
Main Navigation
Docs
Guide
Tutorial
Examples
Quick Start
Style Guide
API
Playground
Ecosystem
Resources
Partners
Themes
Jobs
T-Shirt Shop
Help
Chat
Forum
DEV Community
News
Blog
Twitter
Newsletter
Events
About
FAQ
Team
Releases
Contribution Guide
Code of Conduct
The Documentary
Sponsor
languages
github
twitter
discord
Appearance
languages
github
twitter
discord
API Reference
Global API
Application
createApp()
createSSRApp()
app.mount()
app.unmount()
app.provide()
app.component()
app.directive()
app.use()
app.mixin()
app.version
app.config
app.config.errorHandler
app.config.warnHandler
app.config.globalProperties
app.config.optionMergeStrategies
app.config.performance
app.config.compilerOptions
General
nextTick()
defineComponent()
defineAsyncComponent()
defineCustomElement()
Composition API
setup()
setup
Reactivity: Core
ref()
computed()
reactive()
readonly()
watchEffect()
watchPostEffect()
watchSyncEffect()
watch()
Reactivity: Advanced
shallowRef()
triggerRef()
shallowReactive()
shallowReadonly()
customRef()
effectScope()
getCurrentScope()
onScopeDispose()
Reactivity: Utilities
isRef()
unref()
toRef()
toRefs()
isProxy()
isReactive()
isReadonly()
toRaw()
markRaw()
Lifecycle Hooks
onMounted()
onUpdated()
onUnmounted()
onBeforeMounted()
onBeforeUpdated()
onBeforeUnmounted()
onErrorCaptured()
onRenderTracked()
onRenderTriggered()
onActivated()
onDeactivated()
onServerPrefetch()
Dependency Injection
provide()
inject()
Options API
Options: State
data
props
computed
methods
watch
emits
Options: Rendering
template
render
Options: Lifecycle
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
activated
deactivated
beforeUnmount
unmounted
errorCaptured
renderTracked
renderTriggered
Options: Composition
provide
inject
mixins
extends
Options: Misc
directives
components
name
inheritAttrs
compilerOptions
delimiters
Component Instance
$data
$props
$el
$options
$parent
$root
$slots
$refs
$attrs
$watch()
$emit()
$forceUpdate()
$nextTick()
Built-ins
Directives
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-cloak
v-once
v-memo
v-is
Components
<Transition>
<TransitionGroup>
<KeepAlive>
<Teleport>
<Suspense>
Special Elements
<component>
<slot>
Special Attributes
key
ref
is
Single File Component
Syntax Specification
Overview
Language Blocks
Automatic Name Inference
Pre-Processors
Src Imports
Comments
<script setup>
Basic Syntax
Reactivity
Using Components
defineProps() & defineEmits()
defineExpose()
useSlots() & useAttrs()
Usage alongside normal <script>
Top-level await
TypeScript-only Features
Restrictions
<style> Features
Scoped CSS
CSS Modules
v-bind() in CSS
Advanced APIs
Render Function
h()
mergeProps()
cloneVNode()
isVNode()
resolveComponent()
resolveDirective()
withDirectives()
Server-Side Rendering
renderToString()
renderToNodeStream()
pipeToNodeWritable()
renderToWebStream()
pipeToWebWritable()
renderToSimpleStream()
useSSRContext()
TypeScript Utility Types
PropType
ExtractPropTypes
ComponentCustomOptions
ComponentCustomProperties
ComponentCustomProps
Custom Renderer
createRenderer()
has loaded