What Vue Is

The Progressive Framework — Approachable and Powerful

What Vue Is

Vue is a progressive JavaScript framework for building user interfaces — easy to drop into a page, scaling to full SPAs and SSR apps.

4 min read Level 1/5 #vue#intro#overview
What you'll learn
  • Understand what Vue is and the "progressive" philosophy
  • See where Vue fits among React/Angular/Svelte
  • Know Vue 3 era basics (Composition API, script setup)

Vue is a JavaScript framework for building user interfaces — created by Evan You and used in production by GitLab, Nintendo, and Alibaba. It is called progressive because you can adopt it incrementally: sprinkle it into one HTML page, or build a full SPA with routing, state, and SSR.

The Progressive Idea

Vue scales with your needs. The same library handles a tiny widget enhanced in a static page and a 200-screen single-page app.

<!-- Drop Vue into any page -->
<script src="https://unpkg.com/vue@3"></script>
<div id="app">{{ greeting }}</div>
<script>
  Vue.createApp({ data: () => ({ greeting: 'Hello!' }) }).mount('#app')
</script>

For real apps, you build with Vite, write Single-File Components, and ship a bundled SPA.

Vue 3 — The Modern Era

Vue 3 introduced the Composition API and the <script setup> syntax. New code defaults to this style; it scales better than the older Options API and integrates naturally with TypeScript.

<script setup lang="ts">
import { ref } from 'vue'
const count = ref(0)
</script>

<template>
  <button @click="count++">Clicked {{ count }} times</button>
</template>

Where Vue Sits

React favors JSX and explicit state libraries; Angular ships a full opinionated platform; Svelte compiles away reactivity. Vue lands in the middle: HTML-first templates, baked-in reactivity, and a small core you can extend with Vue Router and Pinia.

Installing & First App With Vite →