Essentials

Fundamental concepts that all Vue devs should know.

Related:

#vue3 #essentials #vue 3 #reactivity #vue2
Featured

An Overview of Vue Keep-Alive

Matt Maribojoc Matt Maribojoc on Dec. 29, 2019 路 6 min read

Vue Keep-Alive components can increase speed and cache a component鈥檚 state. They are easy to use, just add a wrapper around a dynamic component.

Latest from Essentials

The Beginner鈥檚 Guide to Vue Template Refs - with Vue 3 Updates

Essentials 路 Nov. 16, 2021 路 5 min read

Vue Template Refs give our Javascript code a reference to easily access the template.

All Posts in Essentials

Essentials

The Beginner鈥檚 Guide to Vue Template Refs - with Vue 3 Updates

Vue Template Refs give our Javascript code a reference to easily access the template.

Matt Maribojoc 路 5 min Read More
Essentials

Explaining The New script setup Type in Vue 3 - RFC Takeaways

The script setup is a proposed change in the Vue鈥檚 Git RFCs. It provides developers with a more concise syntax to write single file components.

Matt Maribojoc 路 6 min Read More
Essentials

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!

Matt Maribojoc 路 9 min Read More
Essentials

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鈥

Matt Maribojoc 路 4 min Read More
Essentials

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.

Matt Maribojoc 路 9 min Read More
Essentials

Using Component Slots in VueJS鈥娾斺夾n 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.

Matt Maribojoc 路 5 min Read More
Essentials

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.

Matt Maribojoc 路 11 min Read More
Essentials

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!

Matt Maribojoc 路 5 min Read More
Essentials

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.

Matt Maribojoc 路 13 min Read More
Essentials

How to Register a Vue3 Global Component

Let鈥檚 look at how to register Vue3 Global Components that can be used across our entire Vue app.

Matt Maribojoc 路 4 min Read More
Essentials

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.

Matt Maribojoc 路 7 min Read More
Essentials

Creating Your First Vue Custom Directive - with Vue 3 Updates

A Vue custom directive is, as you may guess, Vue鈥檚 way of letting us build additional directives for our projects.

Matt Maribojoc 路 7 min Read More
Essentials

Building a VueJS DatePicker Component - A Vue3 Tutorial

In this tutorial, we鈥檒l build a basic DatePicker component using <select> elements to model data and emit events to a parent component.

Matt Maribojoc 路 8 min Read More
Essentials

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.

Matt Maribojoc 路 4 min Read More
Essentials

An Introduction to Vue3 Props - A Beginner鈥檚 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.

Matt Maribojoc 路 3 min Read More
Essentials

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.

Matt Maribojoc 路 5 min Read More
Essentials

How to use Vue Watch and Vue watchEffect

Throughout the course of developing a Vue app, you鈥檒l have tons of reactive data properties. Your app will track input fields, data calculations, and a bunch of鈥

Matt Maribojoc 路 7 min Read More
Essentials

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.

Matt Maribojoc 路 5 min Read More
Essentials

An Overview of Vue Keep-Alive

Vue Keep-Alive components can increase speed and cache a component鈥檚 state. They are easy to use, just add a wrapper around a dynamic component.

Matt Maribojoc 路 6 min Read More

Join the LearnVue Community

Every week we send out exclusive content to thousands of developers on our mailing list. 100% Free.