# Installation Vue.js is built by design to be incrementally adoptable. This means that it can be integrated into a project multiple ways depending……

# Introduction NOTE Already know Vue 2 and just want to learn about what's new in Vue 3? Check out the Migration Guide! # What is Vue.js? Vue (p……

# Application & Component Instances # Creating an Application Instance Every Vue application starts by creating a new application instance wit……

# Template Syntax Vue.js uses an HTML-based template syntax that allows you to declaratively bind the rendered DOM to the underlying component inst……

# Data Properties and Methods # Data Properties The data option for a component is a function. Vue calls this function as part of creating a new c……

# Computed Properties and Watchers # Computed Properties In-template expressions are very convenient, but they are meant for simple operations. Pu……

# Class and Style Bindings A common need for data binding is manipulating an element's class list and its inline styles. Since they are both attrib……

# Conditional Rendering # v-if The directive v-if is used to conditionally render a block. The block will only be rendered if the directive's exp……

# List Rendering # Mapping an Array to Elements with v-for We can use the v-for directive to render a list of items based on an array. The v-for ……

# Event Handling # Listening to Events We can use the v-on directive, which we typically shorten to the @ symbol, to listen to DOM events and run ……

# Form Input Bindings # Basic Usage You can use the v-model directive to create two-way data bindings on form input, textarea, and select elements……

# Components Basics # Base Example Here's an example of a Vue component: // Create a Vue application const app = Vue.createApp({}) // Define a ne……

# Component Registration This page assumes you've already read the Components Basics. Read that first if you are new to components. # Component ……

# Props This page assumes you've already read the Components Basics. Read that first if you are new to components. # Prop Types So far, we've on……

# Non-Prop Attributes This page assumes you've already read the Components Basics. Read that first if you are new to components. A component non-……

# Custom Events This page assumes you've already read the Components Basics. Read that first if you are new to components. # Event Names Like co……

# Slots This page assumes you've already read the Components Basics. Read that first if you are new to components. # Slot Content Vue implements……

# Dynamic & Async Components This page assumes you've already read the Components Basics. Read that first if you are new to components. # Dy……

# Handling Edge Cases This page assumes you've already read the Components Basics. Read that first if you are new to components. Note All the fe……

# Overview Vue offers some abstractions that can help work with transitions and animations, particularly in response to something changing. Some of……

# Enter & Leave Transitions Vue provides a variety of ways to apply transition effects when items are inserted, updated, or removed from the DO……

# List Transitions So far, we've managed transitions for: Individual nodes Multiple nodes where only 1 is rendered at a time So what about for wh……

# State Transitions Vue's transition system offers many simple ways to animate entering, leaving, and lists, but what about animating your data its……

# Template refs This page assumes you've already read the Components Basics. Read that first if you are new to components. Despite the existence ……

# Introduction # Why Composition API? Note Reaching this far in the documentation, you should already be familiar with both the basics of Vue and……