# Setup This section uses single-file component syntax for code examples This guide assumes that you have already read the Composition API Intro……

# Lifecycle Hooks This guide assumes that you have already read the Composition API Introduction and Reactivity Fundamentals. Read that first if y……

# Provide / Inject This guide assumes that you have already read Provide / Inject, Composition API Introduction, and Reactivity Fundamentals. We ……

# Template Refs This section uses single-file component syntax for code examples This guide assumes that you have already read the Composition A……

# Mixins # Basics Mixins distribute reusable functionalities for Vue components. A mixin object can contain any component options. When a componen……

# Custom Directives # Intro In addition to the default set of directives shipped in core (like v-model or v-show), Vue also allows you to register……

# Teleport Learn how to use teleport with a free lesson on Vue School Vue encourages us to build our UIs by encapsulating UI and related behavior i……

# Render Functions Vue recommends using templates to build applications in the vast majority of cases. However, there are situations where we need ……

# Plugins Plugins are self-contained code that usually add global-level functionality to Vue. It is either an object that exposes an install() meth……

# Reactivity in Depth Now it’s time to take a deep dive! One of Vue’s most distinct features is the unobtrusive reactivity system. Models are proxi……

# Reactivity Fundamentals # Declaring Reactive State To create a reactive state from a JavaScript object, we can use a reactive method: import { ……

# Computed and Watch This section uses single-file component syntax for code examples # Computed values Sometimes we need state that depends on ……

# Rendering Mechanisms and Optimizations This page is not required reading in order to learn how to use Vue well, but it provides more information……

# Change Detection Caveats in Vue 2 This page applies only to Vue 2.x and below, and assumes you've already read the Reactivity Section. Please re……

# Single File Components # Introduction In many Vue projects, global components will be defined using app.component(), followed by app.mount('#app……

# Testing # Introduction When it comes to building reliable applications, tests can play a critical role in an individual or team's ability to bui……

# TypeScript Support Vue CLI(opens new window) provides built-in TypeScript tooling support. # Official Declaration in NPM Packages A static typ……

# Mobile # Introduction While Vue.js does not natively support mobile app development, there are a number of solutions for creating native iOS and……

# Production Deployment INFO Most of the tips below are enabled by default if you are using Vue CLI(opens new window). This section is only releva……

# Routing # Official Router For most Single Page Applications, it's recommended to use the officially-supported vue-router library(opens new windo……

# State Management # Official Flux-Like Implementation Large applications can often grow in complexity, due to multiple pieces of state scattered ……

# Server-Side Rendering # The Complete SSR Guide We have created a standalone guide for creating server-rendered Vue applications. This is a very ……

# Basics Web accessibility (also known as a11y) refers to the practice of creating websites that can be used by anyone — be that a person with a di……

# Semantics # Forms When creating a form, you can use the following elements: <form>, <label>, <input>, <textarea>, and &l……

# Standards The World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) develops web accessibility standards for the different component……