The Vue 3 core has officially released as of 18 September 2020 🥳. There’s a phased release process that will be completed before the end of 2020 when all other official libraries will be switched to the latest dist tag.
Thankfully, the Vue team introduced additions and enhancements over current APIs instead of significant changes, so people that already know Vue 2 should quickly feel comfortable with new syntaxes. However, there are a couple of changes you should know about.
In this video, you will learn a few important breaking changes in Vue 3, and also we will migrate the existing Vue 2 app to Vue 3.
Vue.js 3 breaking-changes:
https://v3.vuejs.org/guide/migration/introduction.html#breaking-changes
Vuex with basic e-commerce example
https://github.com/qirolab/learn-vuex-with-basic-ecommerce-example
Timestamps:
- 00:00 Introduction
- 03:06 Vue app initialization
- 05:14 “data” must be a method
- 05:45 Register Vue components
- 07:31 Event bus removed from Vue 3
- 11:46 Implement event bus in Vue 3 using the “mitt” package
- 14:11 Filters removed in Vue 3
- 16:39
inline-templateattribute removed in Vue version 3 - 18:31 Upgrade Vue 2 app to Vue 3
- 18:56 Setup Laravel APP to set up API for Vue project
- 20:31 Setup Vue 2 APP
- 21:52 Migrate to Vue 3
- 22:45 “beforeDestroy” lifecycle hook is deprecated
- 26:52 Register Vue Router
- 27:26 Register Vuex
#vue #javascript #programming #developer
