Vue.js Notes

Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Created by Maximilian Schwarzmüller

Table of Contents

1. Introduction
2. Basics & Core Concepts
3. Rendering Conditional Content & Lists
4. Course Project The Monster Slayer Game
5. Vue Behind the Scenes
6. Introduction to Components
7. Moving to a Better Development Setup & Workflow with the Vue CLI
8. Component Communication
9. Dividing Deeper into Components
10. Course Project: The Learning Resources App

Course Outline

1. Basics

   1. Core #Syntax
   2. Templates
   3. Directive: Instructions that are exclusively understood by vue in HTML template
   4. Data
   5. Methods: Functions which can be executed when called upon
   6. Computed Properties: Dependency aware properties
   7. Watchers: Dependency aware methods

2. Intermediate

   8. Components
   9. Component Communication
   10. Behind the Scenes
   11. Forms
   12. Http
   13. routing
   14. Animations

3. Advanced

   15. Vuex
   16. Authentication
   17. Deployment and Optimizations
   18. Composition-API
   19. Re-using Code

📖 Course Projects

• Demonslayer : A text-based RPG game made with vue without components.

⭐ Self Projects

Projects I assigned myself to better understand vue.

• Openlibin : An open source library built with vue

📚 Resources & References

• Vue.js 3 Official Documentation
• Course Link