Training Trains Internship
Student login
← Vue.js learning path
Vue.js · Module 1 of 10

Getting started with Vue

Vue is a progressive JavaScript framework that is easy to learn and grow with.

📖 Key ideas

  1. Vue builds reactive user interfaces from components.
  2. Progressive: use it for one widget or a whole app.
  3. Create a project: npm create vue@latest.
  4. Single-File Components (.vue) hold template, script and style together.
  5. Vue 3 is the current version; Nuxt adds routing and SSR.
💡 Real-life example: Vue is a starter kit you can expand: begin with one room, add floors as the family grows.
VueProgressive JavaScript UI framework
SFCSingle-File Component (.vue file)
NuxtVue framework with SSR and routing
ReactivityUI updates automatically when data changes