Learn Vue 3 Composition API with simple Todos example | Vue.js 3 Tutorial

Composition API Tutorial: One of the greatest features in #Vue3's release is Vue's new Composition API. The objective of the Composition API, which is inspired by React Hooks, is to simplify your components, improving the readability and organization of your code, and make it simpler to reuse code all through your application. The Composition API won't just allow developers to use it over component options. But it also includes composition functions, which can be utilized over #Vue's other techniques for code reusability (e.g., mixins and checked spaces). In this video, you will learn how to use Composition API in your Vue.js 3 projects. 🗒 Why Composition API in Vue 3, and Options API vs. Composition API? https://qirolab.com/posts/why-composition-api-in-vue-3-and-options-api-vs-composition-api-1603229838 Github Repository: https://github.com/qirolab/vue-3-composition-api-tutorial Vue.js 3.0 Breaking Changes, and Upgrade from Vue 2 to Vue 3 https://www.youtube.com/watch?v=FXsWed7Nc2o Vue.js 3 Tutorial Playlist https://www.youtube.com/playlist?list=PL1TrjkMQ8UbWg8f8EpkpZntxdQldkBipE Vue 2 Basics Beginner Tutorial https://www.youtube.com/playlist?list=PL1TrjkMQ8UbUb6enU-ESsbngYBLbE_sG4 Vue.js 2 Components, Beginners tutorial https://www.youtube.com/playlist?list=PL1TrjkMQ8UbVu4dvX2gtyZQ0FxAsA48jB Vuex tutorial (Vue.js state management) with basic e-commerce example https://www.youtube.com/playlist?list=PL1TrjkMQ8UbVSDkDaLkjpeNGkblNU8rpW Timestamps: 00:00 Introduction 00:40 Install Vue 3 App 01:36 Todos example using Option API 04:15 Create Composition API 05:55 Setup function 06:25 create reactive variables 08:10 create functions in Composition API 11:46 computed properties 13:46 props 14:52 context in setup function 15:25 alternative of the setup function 17:09 computed properties in the reactive object 18:00 toRefs Also, follow us on: 𝐅𝐚𝐜𝐞𝐛𝐨𝐨𝐤: https://fb.com/qirolab 𝐓𝐰𝐢𝐭𝐭𝐞𝐫: https://twitter.com/qirolab