Skip to main content
C C++ Java Python PHP C# HTML CSS JavaScript Bootstrap Node.js Express.js React.js Next.js Tailwind TypeScript Dart Angular Vue.js Spring Boot Django Flask ASP.NET Material UI Chakra UI Sass MongoDB MySQL Oracle C C++ Java Python PHP C# HTML CSS JavaScript Bootstrap Node.js Express.js React.js Next.js Tailwind TypeScript Dart Angular Vue.js Spring Boot Django Flask ASP.NET Material UI Chakra UI Sass MongoDB MySQL Oracle
SQL Server Firebase PostgreSQL MariaDB Swift Kotlin React Native R Julia Scala NLP ML DP NN Gen AI JUnit Jest Pytest Selenium Cypress AWS Azure Google Cloud Stack Queue Linked List Trees Graphs SQL Server Firebase PostgreSQL MariaDB Swift Kotlin React Native R Julia Scala NLP ML DP NN Gen AI JUnit Jest Pytest Selenium Cypress AWS Azure Google Cloud Stack Queue Linked List Trees Graphs
Intermediate 12 planned topics Full Stack

Introduction to Vue.js

Learn Vue.js templates, reactivity, and the Composition API. Free Vue introduction for frontend developers.

Learning Outcomes

  • Create a Vue component with a template
  • Use v-if, v-for, and v-model
  • Understand ref and reactive
  • Choose Options API vs Composition API for a small app

Overview

Vue is a progressive framework: you can enhance one page or build a full SPA.

This introduction covers single-file components, refs, and the difference between Options and Composition API.

Reactivity is Vue’s core idea — change data, the template updates.

What this course will cover

  1. 1. SFC structure
  2. 2. Directives
  3. 3. Reactivity
  4. 4. Props & emits
  5. 5. Composition API
  6. 6. Router intro

Start a complete tutorial now

Full 6-level lessons are live for C, C++, Java, Python, and JavaScript. Use them while the remaining Vue.js lessons are added.

← All technology tutorials