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 $refs in Vue 3 with Composition API and Script Setup
This post is going to explain how to use Ref in Vue 3, while using the Composition API and the Script Setup. The usage of references when using the options API is unchanged, but Vue 3 provided us with two different ways to define the component script block, Composition API and Script Setup. In the…
How to use Slots and Attrs with the Composition API
In this article, we are going to describe how to successfully access slots and attributes while using the Composition API and Script setup syntax. The use of these features while writing components using the Options API was quite simple, as all context was available within the “this” scope, but since the introduction of the composition…
How to fix – Slot invoked outside of the render function
If you are reading this post, chances are that have encountered the following message while trying to access the slot.default() Slot “default” invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead. In this post, we are going to explain the…