# Resources # Documentation WCAG 2.0(opens new window) WCAG 2.1(opens new window) Accessible Rich Internet Applications (WAI-ARIA) 1.2(opens ne……

# Provide / inject This page assumes you've already read the Components Basics. Read that first if you are new to components. Usually, when we ne……

# Editable SVG Icon Systems # Base Example There are many ways to create an SVG Icon System, but one method that takes advantage of Vue's capabili……

# Debugging in VS Code Every application reaches a point where it's necessary to understand failures, small to large. In this recipe, we explore a ……

# Introduction # The Cookbook vs the Guide How is the cookbook different from the guide? Why is this necessary? Greater Focus: In the guide, we'……

# Style Guide This is the official style guide for Vue-specific code. If you use Vue in a project, it's a great reference to avoid errors, bikeshed……

# Composition API This section uses single-file component syntax for code examples # setup A component option that is executed before the compo……

# Computed and watch This section uses single-file component syntax for code examples # computed Takes a getter function and returns an immutab……

# Refs This section uses single-file component syntax for code examples # ref Takes an inner value and returns a reactive and mutable ref objec……

# Basic Reactivity APIs This section uses single-file component syntax for code examples # reactive Returns a reactive copy of the object. con……

The Reactivity API contains the following sections: Basic Reactivity APIs Refs Computed and watch

# Built-In Components # component Props: is - string | Component Usage: A "meta component" for rendering dynamic components. The actual co……

# Special Attributes # key Expects: number | string The key special attribute is primarily used as a hint for Vue's virtual DOM algorithm to ide……

# Directives # v-text Expects: string Details: Updates the element's textContent(opens new window). If you need to update the part of textCont……

# Instance Methods # $watch Arguments: {string | Function} source {Function | Object} callback {Object} options (optional) {boolean} deep {b……

# Instance Properties # $data Type: Object Details: The data object that the component instance is observing. The component instance proxies a……

# Misc # name Type: string Details: Allow the component to recursively invoke itself in its template. Note that when a component is registered……

# Composition # mixins Type: Array<Object> Details: The mixins option accepts an array of mixin objects. These mixin objects can contain……

# Assets # directives Type: Object Details: A hash of directives to be made available to the component instance. Usage: const app = Vue.cre……

# Lifecycle hooks Note All lifecycle hooks automatically have their this context bound to the instance, so that you can access data, computed prop……

# DOM # template Type: string Details: A string template to be used as the markup for the component instance. The template will replace the mo……

# Data # data Type: Function Details: The function that returns a data object for the component instance. In data, we don't recommend to obser……

The Options API contains the following sections: Data DOM Lifecycle Hooks Assets Composition Miscellaneous

# Global API # createApp Returns an application instance which provides an application context. The entire component tree mounted by the applicati……

# Application API In Vue 3, APIs that globally mutate Vue's behavior are now moved to application instances created by the new createApp method. In……