watchEffect vs watch - Vue 3 Composition API | Vue.js 3 Tutorial

In #Vue3, in addition to the watch method, there’s a new `watchEffect` method to track a reactive dependency and run a method when it runs. In this video, you will learn how to use `watch` and `watchEffect` in Vue 3 Composition API, And what is the difference between `watch` and `watchEffect`. 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 Learn Vue 3 Composition API with simple Todos example https://www.youtube.com/watch?v=0pwL89YdqRE Ref vs Reactive - Vue 3 Composition API https://www.youtube.com/watch?v=JJM7yCHLMu4 Vue 3 Tutorials https://www.youtube.com/playlist?list=PL1TrjkMQ8UbWg8f8EpkpZntxdQldkBipE Vue.js 2 Watchers https://www.youtube.com/watch?v=gJRqA3-2iWQ 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:31 Create WatchExample.Vue Component 01:41 Watch using ref 04:37 Get new and previous values of variable 05:31 Watch using reactive 07:35 Watch multiple variables 12:03 watchEffect 13:35 Difference between `watch` and `watchEffect`. 16:44 stop watching `watchEffect` 17:45 stop watching `watch` Also, follow us on: 𝐅𝐚𝐜𝐞𝐛𝐨𝐨𝐤: https://fb.com/qirolab 𝐓𝐰𝐢𝐭𝐭𝐞𝐫: https://twitter.com/qirolab