vuejs.org

# Vue.js

Vue.js - The Progressive JavaScript Framework

## Table of Contents

### Getting Started

- [Introduction {#introduction}](/guide/introduction.md)
- [Quick Start {#quick-start}](/guide/quick-start.md)

### Essentials

- [Creating a Vue Application {#creating-a-vue-application}](/guide/essentials/application.md)
- [Template Syntax {#template-syntax}](/guide/essentials/template-syntax.md)
- [Reactivity Fundamentals {#reactivity-fundamentals}](/guide/essentials/reactivity-fundamentals.md)
- [Computed Properties {#computed-properties}](/guide/essentials/computed.md)
- [Class and Style Bindings {#class-and-style-bindings}](/guide/essentials/class-and-style.md)
- [Conditional Rendering {#conditional-rendering}](/guide/essentials/conditional.md)
- [List Rendering {#list-rendering}](/guide/essentials/list.md)
- [Event Handling {#event-handling}](/guide/essentials/event-handling.md)
- [Form Input Bindings {#form-input-bindings}](/guide/essentials/forms.md)
- [Watchers {#watchers}](/guide/essentials/watchers.md)
- [Template Refs {#template-refs}](/guide/essentials/template-refs.md)
- [Components Basics {#components-basics}](/guide/essentials/component-basics.md)
- [Lifecycle Hooks {#lifecycle-hooks}](/guide/essentials/lifecycle.md)

### Components In-Depth

- [Component Registration {#component-registration}](/guide/components/registration.md)
- [Props {#props}](/guide/components/props.md)
- [Component Events {#component-events}](/guide/components/events.md)
- [Component v-model {#component-v-model}](/guide/components/v-model.md)
- [Fallthrough Attributes {#fallthrough-attributes}](/guide/components/attrs.md)
- [Slots {#slots}](/guide/components/slots.md)
- [Provide / Inject {#provide-inject}](/guide/components/provide-inject.md)
- [Async Components {#async-components}](/guide/components/async.md)

### Reusability

- [Composables {#composables}](/guide/reusability/composables.md)
- [Custom Directives {#custom-directives}](/guide/reusability/custom-directives.md)
- [Plugins {#plugins}](/guide/reusability/plugins.md)

### Built-in Components

- [Transition {#transition}](/guide/built-ins/transition.md)
- [TransitionGroup {#transitiongroup}](/guide/built-ins/transition-group.md)
- [KeepAlive {#keepalive}](/guide/built-ins/keep-alive.md)
- [Teleport {#teleport}](/guide/built-ins/teleport.md)
- [Suspense {#suspense}](/guide/built-ins/suspense.md)

### Scaling Up

- [Single-File Components {#single-file-components}](/guide/scaling-up/sfc.md)
- [Tooling {#tooling}](/guide/scaling-up/tooling.md)
- [Routing {#routing}](/guide/scaling-up/routing.md)
- [State Management {#state-management}](/guide/scaling-up/state-management.md)
- [Testing {#testing}](/guide/scaling-up/testing.md)
- [Server-Side Rendering (SSR) {#server-side-rendering-ssr}](/guide/scaling-up/ssr.md)

### Best Practices

- [Production Deployment {#production-deployment}](/guide/best-practices/production-deployment.md)
- [Performance {#performance}](/guide/best-practices/performance.md)
- [Accessibility {#accessibility}](/guide/best-practices/accessibility.md)
- [Security {#security}](/guide/best-practices/security.md)

### TypeScript

- [Using Vue with TypeScript {#using-vue-with-typescript}](/guide/typescript/overview.md)
- [TypeScript with Composition API {#typescript-with-composition-api}](/guide/typescript/composition-api.md)
- [TypeScript with Options API {#typescript-with-options-api}](/guide/typescript/options-api.md)

### Extra Topics

- [Ways of Using Vue {#ways-of-using-vue}](/guide/extras/ways-of-using-vue.md)
- [Composition API FAQ {#composition-api-faq}](/guide/extras/composition-api-faq.md)
- [Reactivity in Depth {#reactivity-in-depth}](/guide/extras/reactivity-in-depth.md)
- [Rendering Mechanism {#rendering-mechanism}](/guide/extras/rendering-mechanism.md)
- [Render Functions & JSX {#render-functions-jsx}](/guide/extras/render-function.md)
- [Vue and Web Components {#vue-and-web-components}](/guide/extras/web-components.md)
- [Animation Techniques {#animation-techniques}](/guide/extras/animation.md)

### Global API

- [Application API {#application-api}](/api/application.md)
- [Global API: General {#global-api-general}](/api/general.md)

### Composition API

- [Composition API: setup() {#composition-api-setup}](/api/composition-api-setup.md)
- [Reactivity API: Core {#reactivity-api-core}](/api/reactivity-core.md)
- [Reactivity API: Utilities {#reactivity-api-utilities}](/api/reactivity-utilities.md)
- [Reactivity API: Advanced {#reactivity-api-advanced}](/api/reactivity-advanced.md)
- [Composition API: Lifecycle Hooks {#composition-api-lifecycle-hooks}](/api/composition-api-lifecycle.md)
- [Composition API: Dependency Injection {#composition-api-dependency-injection}](/api/composition-api-dependency-injection.md)
- [Composition API: Helpers {#composition-api-helpers}](/api/composition-api-helpers.md)

### Options API

- [Options: State {#options-state}](/api/options-state.md)
- [Options: Rendering {#options-rendering}](/api/options-rendering.md)
- [Options: Lifecycle {#options-lifecycle}](/api/options-lifecycle.md)
- [Options: Composition {#options-composition}](/api/options-composition.md)
- [Options: Misc {#options-misc}](/api/options-misc.md)
- [Component Instance {#component-instance}](/api/component-instance.md)

### Built-ins

- [Built-in Directives {#built-in-directives}](/api/built-in-directives.md)
- [Built-in Components {#built-in-components}](/api/built-in-components.md)
- [Built-in Special Elements {#built-in-special-elements}](/api/built-in-special-elements.md)
- [Built-in Special Attributes {#built-in-special-attributes}](/api/built-in-special-attributes.md)

### Single-File Component

- [SFC Syntax Specification {#sfc-syntax-specification}](/api/sfc-spec.md)
- [\<script setup> {#script-setup}](/api/sfc-script-setup.md)
- [SFC CSS Features {#sfc-css-features}](/api/sfc-css-features.md)

### Advanced APIs

- [Custom Elements API {#custom-elements-api}](/api/custom-elements.md)
- [Render Function APIs {#render-function-apis}](/api/render-function.md)
- [Server-Side Rendering API {#server-side-rendering-api}](/api/ssr.md)
- [Utility Types {#utility-types}](/api/utility-types.md)
- [Custom Renderer API {#custom-renderer-api}](/api/custom-renderer.md)
- [Compile-Time Flags {#compile-time-flags}](/api/compile-time-flags.md)




### Style Guide

- [Style Guide {#style-guide}](/style-guide.md)
- [Priority A Rules: Essential {#priority-a-rules-essential}](/style-guide/rules-essential.md)
- [Priority B Rules: Strongly Recommended {#priority-b-rules-strongly-recommended}](/style-guide/rules-strongly-recommended.md)
- [Priority C Rules: Recommended {#priority-c-rules-recommended}](/style-guide/rules-recommended.md)
- [Priority D Rules: Use with Caution {#priority-d-rules-use-with-caution}](/style-guide/rules-use-with-caution.md)

### Other

- [API Reference](/api.md)
- [Community Guide {#community-guide}](/about/community-guide.md)
- [Community Newsletters {#community-newsletters}](/ecosystem/newsletters.md)
- [Frequently Asked Questions {#frequently-asked-questions}](/about/faq.md)
- [Glossary {#glossary}](/glossary.md)
- [Production Error Code Reference {#error-reference}](/error-reference.md)
- [Reactivity Transform {#reactivity-transform}](/guide/extras/reactivity-transform.md)
- [Releases {#releases}](/about/releases.md)
- [Translations {#translations}](/translations.md)
- [Tutorial](/tutorial.md)