Roadmap › 4. Frontend › Step 51
Vue
Vue.js 3 (with Pinia, Vue Router & Nuxt basics)
Vue instance and SFCs, template syntax and directives, reactivity (ref, reactive, computed, watch), Options vs Composition API, components, props, emits, slots, provide/inject, lifecycle hooks, composables, Vue Router, Pinia, forms, performance, testing and Nuxt.
Interview priority:★ Must know High priority — asked in almost every interview, learn firstMedium asked regularlyLow good to know
Module 1: Basics
- 1.Creating an app and Single-File ComponentsBasic ★ Must know
- 2.Template syntax and directivesBasic ★ Must know
- 3.Vue 3 project folder structure — with sample filesBasic ★ Must know
- 4.Connecting a Vue app to SQL Server (through an API)Intermediate ★ Must know
Module 2: Reactivity
- 5.ref, reactive, computed and watchBasic ★ Must know
- 6.How Vue 3 reactivity worksIntermediate ★ Must know
- 7.Options API vs Composition APIIntermediate ★ Must know
Module 3: Components
- 8.Props, emits and v-model on componentsBasic ★ Must know
- 9.Slots, provide/inject and component communicationIntermediate ★ Must know
- 10.Composables (reusable logic)Intermediate ★ Must know
- 11.Built-in components: Transition, KeepAlive, Teleport, SuspenseIntermediate Medium
Module 4: Router, State and Forms
- 12.Vue RouterIntermediate ★ Must know
- 13.Pinia state managementIntermediate ★ Must know
- 14.Forms and validationIntermediate Medium
Module 5: Quality and Performance
- 15.Performance optimisationAdvanced ★ Must know
- 16.Testing Vue componentsIntermediate Medium
- 17.Nuxt and migrating Vue 2 → Vue 3Advanced Medium
Next course in the roadmap: 52. Test Automation — Selenium, Playwright, API and BDD with C# →