Vue 3 - What's New? What Changed?

  • 150

Vue.js 3 is out! VueJS 2 already was an amazing framework, Vue 3 now improves it even more. It's mostly backwards compatible but there are a few changes you should be aware of. And there is one major new feature which is 100% optional but definitely worth a closer look!

Vue.js 3 is out! VueJS 2 already was an amazing framework, Vue 3 now improves it even more. It’s mostly backwards compatible but there are a few changes you should be aware of. And there is one major new feature which is 100% optional but definitely worth a closer look!

I also updated my full Vue 2 course to Vue 3 (re-recorded it from the ground up!): https://acad.link/vuejs

Also explore our other courses: https://academind.com/learn/our-courses

Starting Code (Vue 3): https://github.com/academind/vue-3-update/tree/starting-state
Finished Code (Vue 3): https://github.com/academind/vue-3-update/tree/vue3-update

For the new Composition API, check out my standalone video: https://youtu.be/bwItFdPt-6M

Timestamps:
00:00 Intro
00:28 Vue 3 Update - A “Phased Release”
03:05 Changes Overview
06:10 New Features Overview
07:29 Demo - Project Setup
09:18 Change: new Vue() becomes createApp()
10:18 Change: “data” must be a method
11:08 Change: Vue.component() etc becomes app.component()
12:18 Minor Change / Feature: New “emits” Option
13:13 Change: v-enter becomes v-enter-from
15:19 Change: Router setup & transitions changed
23:02 Change: Vuex setup changed
25:22 New Features: Teleport & Fragments
29:45 New Feature: Composition API
30:10 New Feature: Better TypeScript Support

Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!