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.
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 →