iwantcoding.com
🔥 Daily 👥 Rooms 🏆 Top Log in Sign up
« Previous

Vue HOME

By · Reviewed & last updated · Part of Vue Tutorial

Welcome to the iwantcoding.com Vue Tutorial. Vue is a progressive front-end framework: small enough to drop into one page, powerful enough to scaffold a full Nuxt app — without giving up the templating ergonomics teams love.

What this tutorial covers

ChapterYou will learn
Vue BasicsSingle-file components, templates, directives, v-bind / v-on / v-model.
Reactivityref, reactive, computed, watchers, and the Composition API.
ComponentsProps, emits, slots, provide / inject, lifecycle, composables, transitions.
EcosystemVue Router, Pinia, forms, Nuxt, testing with Vitest, SSR.
ExamplesRunnable snippets, quiz, exercises, bootcamp, certificate.

Who this is for

  • React refugees — same mental model, more batteries included.
  • Designers writing markup — Vue templates read like the HTML you already know.
  • Teams shipping a small SPA — Vue + Vite gets you to production in an afternoon.
How to use this tutorial: read the chapter, run the example with Try it Yourself », do the exercise, then take the quiz at the bottom. Hit Mark complete when you're done — the sidebar will track your progress.

Example

Example
<template>
    <h1>Hello, Vue!</h1>
</template>
Try it Yourself »

Discussion

Loading…

« Previous