Category: VueJs

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…


What is the difference between v-show and v-if in Vue js

Vue Js offers us a number of directives that are based to improve the development experience. If you are new to Vue Js, you may be asking yourself, what are directives in Vue js? Directives are special HTML attributes that enhance the developer experience by providing a set of functionality to a specific HTML element…


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…