Skip to content

Haven't migrated to Vue 3 yet?

Explore Never-Ending Support for Vue 2 by HeroDevs

Main Navigation

Guide Tutorial Examples Quick Start Glossary Vue 2 Docs Migration from Vue 2

Resources

Partners Themes Certification Jobs T-Shirt Shop

Official Libraries

Vue Router Pinia Tooling Guide

Video Courses

Vue Mastery Vue School

Help

Discord Chat GitHub Discussions DEV Community

News

Blog Twitter Events Newsletters

FAQ Team Releases Community Guide Code of Conduct The Documentary

Sponsor Partners

Українська

বাংলা

Help Us Translate!

github twitter discord

Appearance

github twitter discord

Sidebar Navigation

Global API

Application

General

Composition API

setup()

Reactivity: Core

Reactivity: Utilities

Reactivity: Advanced

Lifecycle Hooks

Dependency Injection

Options API

Options: State

Options: Rendering

Options: Lifecycle

Options: Composition

Options: Misc

Component Instance

Built-ins

Directives

Components

Special Elements

Special Attributes

Single-File Component

Syntax Specification

<script setup>

CSS Features

Advanced APIs

Render Function

Server-Side Rendering

TypeScript Utility Types

Custom Renderer

On this page

Table of Contents for current page

Basic Syntax
Reactivity
Using Components
Using Custom Directives
defineProps() & defineEmits()
defineExpose()
defineOptions()
defineSlots()
useSlots() & useAttrs()
Usage alongside normal <script>
Top-level await
Generics
Restrictions

VueMastery

VueSchool

Vehikl

Vue.js Amsterdam

Storyblok

Chrome Frameworks Fund

HeroDevs

JavaScript Certification

CodeRabbit

ImageKit.io

Mobb

Become a Sponsor

ads via Carbon

WPMU DEV: Speed up, secure and manage all your WordPress sites. Just $10/month. ads via Carbon

<script setup>