Watching an item for changes in Vue Js is quite simple, but things can be slightly more complicated if the item you are watching is part of a nested object. In this article, we are going to cover different methods to help you react to changes to nested watch properties. What is “watch” As with…
How to use Teleport in VueJs 3
It has been a few months now since VueJs 3 has become the current version of this fantastic framework and with it, lots of new features. In this post, we will cover a feature called <teleport>. This feature was previously available in Vue 2 in a plugin called “portal-vue“. Thorsten Lünborg a core contributor of…
How to setup a 404 catch-all route in Vue 3
If you are reading this post, chances are that you have been trying to implement a catch-all route into Vue 3, or upgrading one from Vue 2, and not being able to succeed. This article is going to provide you with the details you need to upgrade your application and successfully set up a route…
Introducing v-memo a new directive to improve your Vue 3 app performance
Vue 3 has provided us with several significant performance improvements out of the box but has also introduced some extra manual features that can help up improve our app performance. In this article, we are going to discuss a new directive called v-memo. This directive has been introduced in Vue 3.2 and to the best…
How to use Watch in Vue 3 in Composition API
In this article, we are going to cover in detail what watchers are and how they can be used in Vue js 3 using the Composition API and Script Setup. I usually like to cover both APIs in the same post, but in this case, there are a few too many differences that would make…