Vue.js
Vue.js - The Progressive JavaScript Framework
Vue.js
Vue.js - The Progressive JavaScript Framework
Table of Contents
Getting Started
Essentials
- Creating a Vue Application {#creating-a-vue-application}
- Template Syntax {#template-syntax}
- Reactivity Fundamentals {#reactivity-fundamentals}
- Computed Properties {#computed-properties}
- Class and Style Bindings {#class-and-style-bindings}
- Conditional Rendering {#conditional-rendering}
- List Rendering {#list-rendering}
- Event Handling {#event-handling}
- Form Input Bindings {#form-input-bindings}
- Watchers {#watchers}
- Template Refs {#template-refs}
- Components Basics {#components-basics}
- Lifecycle Hooks {#lifecycle-hooks}
Components In-Depth
- Component Registration {#component-registration}
- Props {#props}
- Component Events {#component-events}
- Component v-model {#component-v-model}
- Fallthrough Attributes {#fallthrough-attributes}
- Slots {#slots}
- Provide / Inject {#provide-inject}
- Async Components {#async-components}
Reusability
Built-in Components
- Transition {#transition}
- TransitionGroup {#transitiongroup}
- KeepAlive {#keepalive}
- Teleport {#teleport}
- Suspense {#suspense}
Scaling Up
- Single-File Components {#single-file-components}
- Tooling {#tooling}
- Routing {#routing}
- State Management {#state-management}
- Testing {#testing}
- Server-Side Rendering (SSR) {#server-side-rendering-ssr}
Best Practices
- Production Deployment {#production-deployment}
- Performance {#performance}
- Accessibility {#accessibility}
- Security {#security}
TypeScript
- Using Vue with TypeScript {#using-vue-with-typescript}
- TypeScript with Composition API {#typescript-with-composition-api}
- TypeScript with Options API {#typescript-with-options-api}
Extra Topics
- Ways of Using Vue {#ways-of-using-vue}
- Composition API FAQ {#composition-api-faq}
- Reactivity in Depth {#reactivity-in-depth}
- Rendering Mechanism {#rendering-mechanism}
- Render Functions & JSX {#render-functions-jsx}
- Vue and Web Components {#vue-and-web-components}
- Animation Techniques {#animation-techniques}
Global API
Composition API
- Composition API: setup() {#composition-api-setup}
- Reactivity API: Core {#reactivity-api-core}
- Reactivity API: Utilities {#reactivity-api-utilities}
- Reactivity API: Advanced {#reactivity-api-advanced}
- Composition API: Lifecycle Hooks {#composition-api-lifecycle-hooks}
- Composition API: Dependency Injection {#composition-api-dependency-injection}
- Composition API: Helpers {#composition-api-helpers}
Options API
- Options: State {#options-state}
- Options: Rendering {#options-rendering}
- Options: Lifecycle {#options-lifecycle}
- Options: Composition {#options-composition}
- Options: Misc {#options-misc}
- Component Instance {#component-instance}
Built-ins
- Built-in Directives {#built-in-directives}
- Built-in Components {#built-in-components}
- Built-in Special Elements {#built-in-special-elements}
- Built-in Special Attributes {#built-in-special-attributes}
Single-File Component
- SFC Syntax Specification {#sfc-syntax-specification}
- <script setup> {#script-setup}
- SFC CSS Features {#sfc-css-features}
Advanced APIs
- Custom Elements API {#custom-elements-api}
- Render Function APIs {#render-function-apis}
- Server-Side Rendering API {#server-side-rendering-api}
- Utility Types {#utility-types}
- Custom Renderer API {#custom-renderer-api}
- Compile-Time Flags {#compile-time-flags}
Style Guide
- Style Guide {#style-guide}
- Priority A Rules: Essential {#priority-a-rules-essential}
- Priority B Rules: Strongly Recommended {#priority-b-rules-strongly-recommended}
- Priority C Rules: Recommended {#priority-c-rules-recommended}
- Priority D Rules: Use with Caution {#priority-d-rules-use-with-caution}
Other
- API Reference
- Community Guide {#community-guide}
- Community Newsletters {#community-newsletters}
- Frequently Asked Questions {#frequently-asked-questions}
- Glossary {#glossary}
- Production Error Code Reference {#error-reference}
- Reactivity Transform {#reactivity-transform}
- Releases {#releases}
- Translations {#translations}
- Tutorial
Meet the modern standard for public facing documentation. Beautiful out of the box, easy to maintain, and optimized for user engagement.
Search through billions of items for similar matches to any object, in milliseconds. It’s the next generation of search, an API call away.
Build and deploy reliable background jobs with no timeouts and no infrastructure to manage.
Get the simple developer experience of SQLite in production, and scale your multi-tenant backend with unlimited databases.
Upstash is a serverless data platform providing low latency and high scalability for real-time applications.
One-click deployments built for teams, tuned for Laravel, loaded with tools and goodies you're going to love.