Featured articles

Testing Vue.js components with Jest

A concise guide to testing Vue.js components using Jest and the official library vue-test-utils and start creating solid Vue codebases from day 1.


All articles

Access template refs in Composition API in Vue.js 3

Quick tip on how to access the old this.$refs by using ref() in the new Composition API in Vue.js 3 components.

Alex Jover Morales

Dec 09, 2019

Create a i18n Plugin with Composition API in Vue.js 3

A example on how to use the inject and provide functions to create a i18n plugin using Composition API in Vue.js 3.

Alex Jover Morales

Feb 17, 2020

Creating a Store Vuex in Vue.js 2.6

Tip on creating a simple store in Vue.js 2.6 by using the new Observable API

Alex Jover Morales

Feb 17, 2019

Debugging Templates in Vue.js Components

Guide to debug component templates using the browser dev tools.

Rubén Valseca

Apr 18, 2019

Dynamic Imports in Vue.js for better performance

Tutorial on code splitting using dynamic import in vue.js applications in order to have better performance.

Paul Melero

Apr 15, 2019

Easily switch to Composition API in Vue.js 3

A step by step guide on how to migrate a Vue.js component from the traditional Object API to the modern Composition API, easy and in a cheatsheet format.

Alex Jover Morales

Nov 19, 2019

How to create a Geolocated Currency with MaxMind in Vue.js

Learn in this tutorial how to use content that depends on the language and location of the user and apply true i18n in Vue.js

Samuel Snopko

Apr 22, 2019

Lazy load images using v-lazy-image Vue.js component

Learn to improve the web performance of your vue.js application

Alex Jover Morales

Apr 16, 2019

How to use the new v-slot directive in Vue.js

Simplify the use of scoped slots with the new v-slot syntax introduced in Vue.js 2.6.0 beta 3

Alex Jover Morales

Feb 03, 2019

Quick Content Testing using Snapshots in Vue.js

Useful tip about how to use snapshot testing in Vue.js the right way and have consistent and coherent tests in your applications

Eduardo San Martín

May 28, 2019

Remove unused CSS with PurgeCSS

Use PurgeCSS to remove dead CSS that is not used, reduce the size of the generated CSS and improve performance of a Vue.js application

Alex Jover Morales

Jan 27, 2019

Simple transition effect between pages and layouts in Nuxt.js

In Nuxt.js, the Vue.js framework, it's very easy to apply transitions between pages and layouts on route changes. This tutorial explains how to.

Samuel Snopko

Apr 17, 2019

Testing logic inside a Vue.js watcher

Tutorial on how to test the logic of a vue.js component watcher instead of testing the framework

Javier Martínez

Apr 14, 2019