Skip to main content

The Progressive JavaScript Framework

Build user interfaces with an approachable, performant, and versatile framework trusted by millions of developers worldwide.

Quick start

Get up and running with Vue in minutes

1

Install Vue

Create a new Vue project using the official scaffolding tool:
npm create vue@latest
2

Create your first component

Build reactive interfaces with Vue’s intuitive component syntax:
App.vue
<script setup>
import { ref } from 'vue'

const count = ref(0)
</script>

<template>
  <button @click="count++">
    Count is: {{ count }}
  </button>
</template>
3

Start the dev server

Run your application and see live changes:
npm run dev
Your app will be available at http://localhost:5173

Core features

Everything you need to build modern web applications

Reactivity system

Efficient and intuitive reactive data binding with automatic dependency tracking

Component model

Compose your UI with reusable, self-contained components

Template syntax

Declarative rendering with an HTML-based template syntax

Composition API

Flexible and powerful code organization for complex applications

Single-file components

Build components with template, logic, and styles in a single file

Server-side rendering

Render your application on the server for optimal performance and SEO

Ready to build something amazing?

Join millions of developers building modern web applications with Vue

Get Started Now

Build docs developers (and LLMs) love