How to build your own VUE PLUGINS

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.

Some examples of commonly used plugins are vue-router, vue custom-element, and vue-touch.

However, there will come a time when there isn’t a plugin that perfectly matches your project or a time when you want to build your own plugins and share them with the world.

In this video, we’ll learn how to build your very own Vue 3 plugin.

COMPANION ARTICLE w/ CODE

VUE DIRECTIVES VIDEO

FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS

follow me on twitter:

INTRO
Daily (Prod. by Lukrembo)

[hassanaoutof]

AMAZING!!!, i like how you have a lot of videos, your own version vue docs

[grisitarocknroll]

does this impl change for nuxt? I'm trying to import multiple components to the plugin file so that they are accessible across the app but i keep getting that the component was not registered properly. it works for one, just the very first one, the rest are ignored for some reason?

[patricklenert]

How can I use async/await in a plugin?

[theseangle]

how to get intellisense / autocompletion with provide / inject syntax? Volar doesn't provide intellisense here (no pun intended)

[cindrmon]

yesyes, this is a good tutorial, and is really helpful! however, i wanna ask if i can convert this vue plugin into a npm package..? can it be done?

[victormonteirocunha]

And then change the background color to fuck all fuck all fuck all

Great video 😂😁