Tag: vue

Inheritance Vs Composition Vue

Inheritance vs. composition in Vue

Dev

Inheritance allows code reuse by inheriting properties and methods from a parent component. Composition, however, is simply a way to reuse code by composing smaller, reusable components and functions.

Oyinkansola Awosan
Jul 11, 2023 ⋅ 4 min read
Vue.js Conditional Rendering V-If Vs. V-Show

Vue.js conditional rendering: v-if vs. v-show

Dev

We explore conditional rendering in Vue using the v-if and v-show directives and consider distinctions between them.

David Omotayo
Jul 3, 2023 ⋅ 5 min read
Vue Logo

Customized drag-and-drop file uploading with Vue

Dev

File upload components tend to be more intuitive on the desktop, allowing you to drag and drop files into specific zones called drop zones.

Elijah Asaolu
Jun 21, 2023 ⋅ 6 min read
Reactivity Vue Composition API

Reactivity with the Vue 3 Composition API: ref() and reactive()

Dev

Reactivity allows us to write cleaner code, preventing us from having to manually update the UI in response to data changes.

Oyinkansola Awosan
Jun 16, 2023 ⋅ 8 min read
Using Event Bus In Vue.js To Pass Data Between Components

Using event bus in Vue.js to pass data between components

Dev

The Vue.js event bus enables independent communication between components without passing through a central or parent component.

Nwose Lotanna
Jun 14, 2023 ⋅ 6 min read
Selecting the best Vue 3 notification library

Selecting the best Vue 3 toast notification library

Dev

There are many options for Vue toast messages, and in this post, we cover three popular options for implementing them in your app.

Ishan Manandhar
Jun 8, 2023 ⋅ 4 min read
Building Accessible Vue Components

How to build accessible components for Vue

Dev

Web accessibility is the practice of utilizing tools and technologies that make navigating, interacting with, and understanding a website easier for visitors who may have disabilities, impairments, or limitations.

Oyetoke Tobi
Jun 5, 2023 ⋅ 5 min read
Best Pagination Libraries Vue 3

Best open source pagination libraries for Vue 3

Dev

Whether you’re building a simple web application or a complex enterprise application, implementing pagination can greatly enhance the user experience and improve your application’s performance.

Abiola Farounbi
Jun 2, 2023 ⋅ 4 min read
Creating Animated Logos Lottie Vue 3

Creating animated logos with Lottie and Vue 3

Dev

We demonstrate how to create, customize, export, and add Lottie animations (including animated logos) to Vue 3 projects.

David Omotayo
May 31, 2023 ⋅ 10 min read
Custom Vuetify Grid System

How to create a custom Vuetify grid system

Dev

With the Vuetify grid system, we can easily build web applications that are both responsive and visually appealing on all devices.

Popoola Temitope
May 19, 2023 ⋅ 6 min read
Getting Started With Vue Select

Getting started with Vue Select

Dev

In this post, we will learn about Vue Select, its features, how it works, and how to integrate it into a Vue.js application.

Nefe James
May 17, 2023 ⋅ 4 min read
Vue Rerender Component Best Practice

How to correctly force a Vue component to re-render

Dev

Cover four different ways to force a Vue component to re-render, including hot reload, the v-if hack, the forceUpdate method, and finally, the key-changing technique.

Raphael Ugwu
May 12, 2023 ⋅ 7 min read