Channel: Academind

Category: Education

Tags: vue 3 featuresvue 3 updatevue3 updatevue 3 composition apivuejs 3vuevue 3 whats newvue.jsvue 3maximilian schwarzmuellervue.js 3maximilian schwarzmüllervuejs3vue composition apimaximilian schwarzmullervuejsvue3composition api

Description: 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!): acad.link/vuejs Also explore our other courses: academind.com/learn/our-courses Starting Code (Vue 3): github.com/academind/vue-3-update/tree/starting-state Finished Code (Vue 3): github.com/academind/vue-3-update/tree/vue3-update For the new Composition API, check out my standalone video: 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 ---------- • Go to academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts • Follow @maxedapps and @academind_real on Twitter • Follow @academind_real on Instagram: instagram.com/academind_real • Join our Facebook community on facebook.com/academindchannel See you in the videos! ---------- 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!