Let's learn VUE JS | Composition API - Script Setup, Vue Router & Pinia in 2023 (Web Developer Path)

Video Description

📼 VUE JS | Options API: https://youtu.be/MJvyMXjVy4s?si=tMxPAZylAo3sW6ke 💾 Source code: https://github.com/JonVadar/YouTube_videos/tree/main/Web%20developer%20path%20videos/Vue_composition_api 🌐 JSON-Server: https://www.npmjs.com/package/json-server 🌐 Vue Dev Tools: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd 🌐 Vue VSCode Snippets: https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets 📃 Web Developer Path playlist: https://youtube.com/playlist?list=PL38wFHH4qYZVs-liHzE8Ddgl4Yuewxp5g&si=gIhHHavXDWEUHa-O 📃 Tips & Tricks playlist: https://youtube.com/playlist?list=PL38wFHH4qYZV58saqjppZpcz5gsC2g-E6&si=X-IVivBohTUFypb2 🙏 Thank you for watching my video please don't forget to LIKE and SUBSCRIBE. 🎮 My gaming channel: https://www.youtube.com/@jonvadar ☕ Support me: https://www.buymeacoffee.com/jonvadar 🌐 My website: https://jonvadar.xyz/ 00:00 Intro 00:42 Installation 04:03 Project structure 08:08 Clean-up 09:44 Vue CreateApp 11:50 Template Syntax 14:15 Reactivity 18:33 Directives 22:37 Script Setup VS Setup function (1) 24:52 Add global CSS 25:30 Building our project 28:04 Vue v-for 30:10 Single File Component 35:37 Script Setup VS Setup function (2) 37:38 Slots & v-slot 41:30 Vue Router 47:41 Vue v-model (form) 52:15 Computed properties 54:56 Emit events 01:00:08 Pinia 01:02:25 Pinia State 01:05:52 Pinia Actions 01:11:00 Pinia Getters 01:14:31 Delete & save post 01:20:05 Adding posts filter 01:26:32 Useing JSON-Server 01:41:32 Wrap-up #vuejs #vue #compositionapi #optionsapi #javascript #es6 #js #jstutorial #javascript_tutorial #css #html #learnwebdevelopment #html5 #webdevelopment #frontend #fullstack