Skip to content
masterclass Buddy
Start learning

Vue.js · Concept

Composition API

Composition API is a set of Vue APIs for writing component logic with imported functions. It combines reactive state, lifecycle hooks, and dependency injection, and is commonly used with <script setup> in Vue 3.

Last updated

Since
Vue 3

Syntax

setup(props, context) { ... }

<script setup>
  // Composition API code
</script>

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • ref()
  • reactive()
  • computed()
  • watchers
  • onMounted()
  • onUnmounted()
  • provide()
  • inject()

Source: Composition API FAQ | Vue.js. Checked 2026-11-03.