The progressive framework — approachable like jQuery, scalable like Angular. Single-File Components, a gentle learning curve, and one of the most loved DX experiences on the web.
← Back to Client Side.vue file bundles <template>, <script>, and <style> together.ref() and reactive() wrap state; Vue tracks dependencies automatically.composables.v-if, v-for, v-model handle rendering & binding.<script> tag for sprinkles, or scale up to a full Nuxt app.<script setup> import { ref, onMounted } from 'vue'; const products = ref([]); const loading = ref(true); onMounted(async () => { const res = await fetch('/api/products'); products.value = await res.json(); loading.value = false; }); </script> <template> <p v-if="loading">Loading…</p> <ul v-else> <li v-for="p in products" :key="p.id"> {{ p.name }} — \${{ p.price }} </li> </ul> </template>
Vue 3 wraps state in JavaScript Proxies — when you read a property inside a render or computed, Vue tracks the dependency. Mutations trigger re-renders only where needed. Far simpler mental model than React's "re-run the whole function" approach.
Reusable logic lives in composables — plain functions returning reactive state. Compose them into components like Lego blocks. The community has a vast library of vueuse utilities.
Templates feel like enhanced HTML — easy to read, easy for designers. v-model is two-way binding done right. Built-in directives cover most needs; custom directives are simple to write.
An upcoming compilation mode that ditches the virtual DOM in favor of fine-grained DOM updates — Svelte / Solid-style performance with Vue's familiar syntax.
| Tool | Purpose |
|---|---|
| Pinia | State management (replaces Vuex). |
| Vue Router | Official routing solution. |
| Nuxt | The Vue meta-framework (SSR, SSG, file-based routing). |
| VueUse | 200+ composables for everyday tasks. |
| UI kits | Vuetify, Quasar, PrimeVue, Element Plus. |
| Test | Vitest + Vue Test Utils. |
Templates feel like real HTML — non-React-folk love it.
Drop into existing pages; scale up to full SPAs.
Massive Vue adoption in China, Japan, Indonesia.
SSR, SSG, file-based routing, server routes — Vue's Next.js.