Vue 3 Fundamentals
A comprehensive 5-part series. Follow along from start to finish or jump to specific topics.
About This Series
Published weekly • Follow along to build your expertise step by step.
Seeing Vue Clearly: The Basics - Introduction to Vue 3
A no-fluff introduction to building modern UIs with Vue 3. Learn what makes Vue progressive, how it compares to other frameworks, and why the Composition API matters for new developers starting their frontend journey.
Your First Vue 3 App: From Zero to Running in Under 10 Minutes
Stop reading about Vue and start running it. In this article we scaffold a real Vue 3 project, break down the file structure, and write a reactive component from scratch — no CDN snippets, no playgrounds.
Reactivity in Vue 3 — How Vue Makes Your UI Feel Alive
If I had to pick the one thing that makes Vue feel magical, it's reactivity. In this article we break down ref, reactive, computed, and watch so you stop guessing and start building with confidence.
Vue 3 Components: Building Reusable UI Blocks
Every Vue app is a tree of components. In this article we break down SFCs, defineProps, defineEmits, and the props-down events-up pattern that keeps data flow predictable — using a weather dashboard as our domain.
Vue 3 Template Syntax & Directives: Making HTML Do More
Vanilla HTML is static. Vue's template syntax changes that. In this article we cover the directives you'll use every day — v-bind, v-on, v-model, v-if, and v-for — with real examples that show how they fit together.