Learn Vue through example packed articles
Vue Template Refs give our JavaScript code a reference to easily access the template. For example, if we needed quick access to a component or HTML element, template refs is the perfect solution.
Vuex is a state-management system following the Flux pattern. It lets us create a global store and a unidirectional data flow across our Vue 3 app.
Rendering performance is a vital metric for frontend developers. For every second your page takes to render, the bounce rate increases.
VueUse is an open-source project by Anthony Fu that provides Vue developers with a huge collection of essential Composition API utility functions for both Vue 2 and Vue 3.
Using Vue 3’s defineAsyncComponent feature lets us lazy load components. This means that they’re only loaded from the server when they’re needed.
Plugins are a great way to add reusable functionality to your Vue apps. With tons of existing plugins for components, routing, and more, the ecosystem for Vue has solutions for many common use cases.
Allowing users to create their own profiles is a common use case for many modern web apps. Trying to set this up on your own custom database can a little tricky – dealing with persistence, O-Auth, and encryption.
When working in the Vue 3 Composition API, there are brand new ways to access component functionality. In this article, we’ll be taking a look at the setup function’s context argument.
The Single File Component Styles RFC gives us Vue developers a way to use a component’s reactive data as CSS variables.
Many Vue patterns involve passing data from a parent component to its children using props. But what if we need a child to affect its parent?
If you’ve been working in Vite and Vue 3 recently, you’ll notice that when you start a new project, your script section looks like this with this script syntax in your Vue components.
Axios is one of the most popular HTTP request libraries for JavaScript, and it’s commonly used to call APIs inside of Vue apps.
In this article, we’re going to be taking a look at how to Vue 3 Desktop Project from a Vite app.
In Vue, there are two ways to conditionally render parts of your app: v-ifand v-show.
Vue Router transitions are a quick and easy way to add some flair to Vue app. They allow you to add smooth animations/transitions between different pages of your app.
Any project that is going to be used by fellow developers is going to need some amazing documentation.
How to use v-model for two-way data binding between two components.
Adding the right VS Code Extensions to Visual Studio can make your life as a developer so much easier.
Vue 3 is officially here! In this announcement by Evan You, he announces the biggest changes in the new framework and talks about the amazing work the whole Vue team has done.
Lifecycle hooks in both Vue 2 and Vue 3 work very similarly – we still have access to the same hooks and we still want to use them for the same use cases.
One of the new features of Vue 3 that has been talked about for a while is the idea of Portals – or ways to move template HTML to different parts of the DOM. Portals, which are a common feature in React, were available in Vue2 under the portal-vuelibrary.
GitHub Pages is a great free option to deploy your Vue application. It’s a static site hosting service that takes files straight from a repository on GitHub.
If you’ve ever caught yourself on social media for way too long, chances are the site you were on was using an infinite scrolling component.
Props are an essential part of any modern JavaScript framework.