Vue 3 brings forth an improved reactivity system, introduces the Composition API for organizing component logic in a modular fashion, enhances performance with a fresh virtual DOM and offers enhanced TypeScript integration. These enhancements position Vue 3 as an appealing option for constructing contemporary, scalable, and easily maintainable web applications.
In this course, you’ll cover the fundamental concepts of Vue 3. You’ll start with learning the fundamentals of Vue.js, such as Vue instance, template syntax, interpolations, methods, computed properties and directives. Next, you’ll learn how to use the Vue components, custom components, component options, component lifecycle, prop validation, and named and scoped slots. You’ll also learn how to use routes, navigation and navigation guards in Vue.
After taking this course, you’ll have a solid understanding of Vue and you’ll be able to create more scalable, maintainable, and testable Vue-based applications that can handle complex states and data.
Vue 3 brings forth an improved reactivity system, introduces the Composition API for organizing component logic in a modular fas...Show More
WHAT YOU'LL LEARN
An understanding of Vue instance, template syntax, interpolations, methods, computed properties, and directives
Proficiency in using Vue components, custom components, component options, and component lifecycle
Working knowledge of routes, navigation, and navigation guards in Vue
Proficiency in Vuex state management: state, getters, mutations, and actions
Hands-on experience with Nuxt.js like Nuxt component options, assets, store, middleware, and plugins
An understanding of Vue instance, template syntax, interpolations, methods, computed properties, and directives
Show more
Content
2.
Vue.js: The Basics
6 Lessons
Unpack the core of Vue 3's fundamentals, templates, directives, methods, and a simple to-do app.
3.
Components
8 Lessons
Work your way through Vue 3 components, lifecycle methods, props, slots, and event handling.
4.
The Composition API
6 Lessons
Enhance your skills in mastering Vue 3's Composition API with practical state management and reactivity.
5.
Routing
6 Lessons
Take a closer look at routing enhancements in Vue, including dynamic routes, navigation, and navigation guards.
6.
State Management
6 Lessons
Follow the process of managing state in Vue applications using Vuex for consistency and efficiency.
7.
Nuxt.js
6 Lessons
Master Nuxt.js for efficient server-side rendering, routing, and blog application development.
9.
Appendix
8 Lessons
Walk through installation and configuration processes in Vue, Nuxt, Vuex, and Vue Router.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:
Developed by MAANG Engineers
Trusted by 2.8 million developers working at companies
"These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"
Anthony Walker
@_webarchitect_
"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"
Evan Dunbar
ML Engineer
"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."
Software Developer
Carlos Matias La Borde
"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"
Souvik Kundu
Front-end Developer
"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."
Vinay Krishnaiah
Software Developer
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources