Vue.js

By Alejandro Rodríguez
The Best Vue 3 UI Libraries

Due to its simplicity of usage and learning curve, Vue.js is the JavaScript framework of choice for a large number of front-end developers. The heart of the Vue framework are components, which make it much easier to transition quickly from an idea to a usable user interface. One of the [...]

By Alejandro Rodríguez
Intro to Vue transitions

Your website can feel more contemporary and provide a better user experience by using Vue Transitions and Animations. Fortunately for developers, setting up a Vue animation only takes a few minutes. After reading this tutorial, you’ll be able to use Vue’s transition element, know how to use it to make [...]

By Alejandro Rodríguez
Learn How To Use Vue 3’s Teleport With This Tutorial

The concept of portals, or a means to transport template HTML to various regions of the DOM inside an app, is one of the new features of Vue 3 that has been in the making for a while.  The portal-vuelibrary in Vue2 allowed users to create portals, [...]

By Alejandro Rodríguez
How To Use Provide() and Inject() in Vue 3

When we’re working with a multi-layered Vue app, we typically utilize props to transfer data from a parent component to a child component. This has been made simple and easy to perform with Vue.js. However, passing data from a parent-level component to a nested child component that’s several levels deep [...]

By Alejandro Rodríguez
How To Use Vue With Pinia To Set Up Authentication

As a web developer, you know that authentication is a big part of front end development. You also know that using a state manager can be a huge help when you’re creating a Vue app. Traditionally Vue apps have used Vuex in order to manage state. This tool was the [...]

By Alejandro Rodríguez
What Is a Slot in Vue.js and How To Use It

When we’re building a front end app with Vue.js, there are several ways to communicate between our parent and child components. Besides props, of which we’ve already talked about, one of the most common ways to pass top – to -bottom data are slots. In case you haven’t heard of [...]

By Alejandro Rodríguez
Your Vue.js App Is Not Indexable by Google… Unless You Use Nuxt.js

Are you a web developer who loves using Vue.js? If so, you’re not alone; Vue.js is one of the most popular front-end JavaScript frameworks around. However, there’s one big downside to using Vue.js for your web development projects: Google does not index Vue.js web pages. That’s right; if you want [...]

By Alejandro Rodríguez
How To Call a Function on Component Creation on Vue With the Mounted Method

Lifecycle methods are an important part of any Vue.js application. They give you the ability to perform certain actions at specific points in the lifecycle of your component. The Mounted method is one of the most commonly used ones, and allows you to run a function when your [...]

By Alejandro Rodríguez
How To Pass Data From One Component to Another With Vue

Passing data between components is one of the basics of working with Vue; and of all front end development, for that matter. However, when you’re starting out with a framework, it might get confusing trying to figure out just how to do that. When you’re working with Vue, there are [...]

By Alejandro Rodríguez
Can I Use Bootstrap With Vue?

Vue is a wonderful JavaScript framework for building complex front ends and SPAs. A lot of developers are switching to Vue from other frameworks because of its simplicity and flexibility. On the other hand, Bootstrap is a popular CSS component library used for the creation of responsive, [...]

By Alejandro Rodríguez
Get Data From an API in a Vue Component With the Fetch API

If you’re a web developer, chances are overwhelming you’ve had to fetch data from an API at some point. And if you’re using the Vue framework, you might be wondering how to fetch data and save it inside a Vue component. Luckily, this is very easy to do with the [...]

By Alejandro Rodríguez
How To Use Props in Vue.js

One of the limitations of working with components inside an SPA is that you can’t directly pass data from one component to another. The idea behind component – based apps is that each component is encapsulated and has all the data it needs in order to work; but sometimes, we [...]

By Alejandro Rodríguez
Is Vue.js Similar To React? Learn Which One Is Better for You

React and Vue.js are some of the most popular libraries or frameworks in the front end development world. Both have their pros and cons, so it can be difficult to choose between them. Luckily for you, in this article, we will compare React and Vue.js to help [...]

By Alejandro Rodríguez
How to Create a Component with Vue.js

Vue.js is a progressive framework that’s designed for building user interfaces in a very simple, straightforward way. It is designed to be easy to use and flexible enough to handle a wide range of applications. In this tutorial, we will show you how to create a simple component with Vue.js.

By Alejandro Rodríguez
How To Create and Run a Vue.js Project

In this blog post, we’ll be talking about how to create and run a Vue.js project. We’ll be talking about how to use Vue as an external library; and then we’ll take a look at the Vue CLI and Vite, two of the most used compilers for Vue applications. Finally, [...]

By Alejandro Rodríguez
How To Install a Router in Vue.js

Single Page Applications are more or less complex apps which load a single HTML page. Every time the user interacts with them, they update their content dynamically using JavaScript. JavaScript frameworks, like React and Vue, allow us to create SPAs very easily. However, in order to create multi page [...]