An Overview of Vue Keep-Alive

Vue Keep-Alive components can increase speed and cache a component’s state. They are easy to use, just add a wrapper around a dynamic component.
Latest from Essentials
The Beginner’s Guide to Vue Template Refs - with Vue 3 Updates
Vue Template Refs give our Javascript code a reference to easily access the template.
Explaining The New script setup Type in Vue 3 - RFC Takeaways
The script setup is a proposed change in the Vue’s Git RFCs. It provides developers with a more concise syntax to write single file components.
EssentialsBuilding Your Own Vue 3 Plugin - A Full Guide
Everything you need to know to develop your own Vue 3 plugins with reusable functionality from global components to using provide/inject for advanced features!
All Posts in Essentials
The Beginner’s Guide to Vue Template Refs - with Vue 3 Updates
Vue Template Refs give our Javascript code a reference to easily access the template.
Explaining The New script setup Type in Vue 3 - RFC Takeaways
The script setup is a proposed change in the Vue’s Git RFCs. It provides developers with a more concise syntax to write single file components.
Building Your Own Vue 3 Plugin - A Full Guide
Everything you need to know to develop your own Vue 3 plugins with reusable functionality from global components to using provide/inject for advanced features!
When/Why to Use Vue Scoped Slots
Vue slots are a fantastic way to inject content from a parent component into a child component. Learn better from videos? Check out full Youtube video to Vue…
Understanding Vue Transitions & Animations with Examples
Animations are a great way to give site visitors a better user experience. Luckily for developers, VueJS animations take just minutes to set up.
Using Component Slots in VueJS — An Overview
Slots are another way in Vue for a component to inject content into a child component. They help pass data from a parent component to a child component.
The Top 20 Vue Component Libraries in 2021
Learn about the Top 20 resources you need to be using in your Vue apps to create responsive components, beautiful charts, and so much more.
The Guide to Vue JS Computed Properties - Updated 2021
Vue JS computed properties can help organize code and create reusable data. Learn how to use them!
A Complete Guide to Vue Lifecycle Hooks - with Vue 3 Updates
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.
How to Register a Vue3 Global Component
Let’s look at how to register Vue3 Global Components that can be used across our entire Vue app.
Everything You Need to Know About Vue v-model
Vue v-model is a directive that provides two-way data binding between an input and form data or between two components.
Creating Your First Vue Custom Directive - with Vue 3 Updates
A Vue custom directive is, as you may guess, Vue’s way of letting us build additional directives for our projects.
Building a VueJS DatePicker Component - A Vue3 Tutorial
In this tutorial, we’ll build a basic DatePicker component using <select> elements to model data and emit events to a parent component.
An Overview of VueJS Dynamic Components
Dynamic components in Vue can be an extremely convenient way to make your code both more readable and adaptable.
An Introduction to Vue3 Props - A Beginner’s Guide
The ability to pass data between components is a key part of Vue projects. In Vue3, the way we access props inside components is different than before.
A Guide to Vue Event Handling - with Vue3 Updates
Covering the essentials of event handling and providing some code examples for working with modifiers, custom events, and so much more.
How to use Vue Watch and Vue watchEffect
Throughout the course of developing a Vue app, you’ll have tons of reactive data properties. Your app will track input fields, data calculations, and a bunch of…
A First Look at Vue Router in Vue3
Managing routes is an essential feature for most SPAs. With the new Vue Router in alpha stages, we can already start seeing how it works in Vue3.
An Overview of Vue Keep-Alive
Vue Keep-Alive components can increase speed and cache a component’s state. They are easy to use, just add a wrapper around a dynamic component.
Want to stay ahead of the curve?
Join 5000+ Vue Developers
Every week we send out exclusive tips, tutorials, and more to thousands of developers on our mailing list. 100% Free.