Learning Vue

What i like about Vue

• Clean
• Semantic
• Declarative
• Legible
• Easy to maintain
• Reactive

Exercies

Basic Shopping Cart using Vue 3

Everything hardcoded into the root. Used Vue directives, methods, computed properites and many more.

🔍 Inspect | ✅ Preview

Shopping Cart ft. components using Vue 3

Refactored above application into components. Using props, $emits and also Provide and Inject to pass children from one grandparent component to its sibling.

🔍 Inspect | ✅ Preview

Shopping Cart ft. Vue SFC

• Removed serving Vue from CDN

• added vue@next

• added plugin @vitejs/plugin-vue

• added @vue/compiler-sfc

• some component refactoring and style enhancements

  

🔍 Inspect | ✅ Preview

Shopping Cart ft. components using Vue 3

Refactored above application into components. Using props, $emits and also Provide and Inject to pass children from one grandparent component to its sibling.

🔍 Inspect | ✅ Preview

Shopping Cart ft. Vue 3 Composition API

🔍 Inspect | ✅ Preview