Home Rolled Store with the Vue.js Composition API
Throughout this series we’ve explored various store solutions both official and DIY. We’ll end the series by taking a look at a home rolled solution with Vue 3’s composition API.
Tutorials
Home Rolled Store with Vue.observable (Vue 2)
Now that we’ve seen some library options for implementing a Vue.js store (Vuex and Pinia), I want to spend a little time talking about some home rolled solutions. While home rolled solutions can be more fragile (if done hastily), less tested, and less standardized, they also provide an opportunity for useful customizations and the opportunity […]
Pinia, an Alternative Vue.js Store
An alternative option for creating a store for your Vue.js application is Pinia. Pinia is the new kid on the block when it comes to stores for Vue. It was started by Vue core team member Eduardo San Martin Morote with the first commit to the repo being made on Nov 18, 2019. Pinia boasts […]
How to Use Vue Router: A Complete Tutorial
One of the most powerful features of modern single-page web applications (SPA) is routing. Modern single-page apps such as a Vue application can transition from page to page on the client-side (without requesting the server). Vue Router is the official library for page navigation in Vue applications. Vue Router is simple to use, yet powerful. […]
Vuex, the Official Vue.js Store
In the previous article in this series we discussed what a store is, why it’s useful, and when it’s a good time to implement one. With those principles in mind, we can now look into how to implement a store with Vuex.
What is a Store in Vue.js?
Perhaps you’ve heard of Vuex and you’re wondering what it is. What does it do? Why does it exist? How do I use it? If these questions are on your mind you’ve come to the right place! In this series of articles, we’ll take a look at Vuex, the official Vue.js store solution, as well […]
Extending Vue Router Links in Vue 3
The <router-link> tag is a great tool for navigating between different pages of your Vue application but it is not the tool to use when navigating to an external link, for that you’d want to use a regular <a> tag. Maybe it’s just me, but often times, I can’t be bothered with keeping up with […]
The Benefits of the New Vue 3 App Initialization Code
In this article, we will start by looking at how the app initialization code works in Vue 2 apps. Then we’ll see what drawbacks it has and how those are eliminated with the new initialization syntax used in the 3rd version of the Vue framework.
Abstracting your dependencies
In the previous parts of the series we discussed the concept of a domain and how it could correlate to building independent and easily maintainable modules in your application. Most of the introduced concepts concentrated on separating parts of your app and avoiding tight coupling between them. Even if you make your modules independent there […]
Teleport – a new feature in Vue 3
In this article, we will dive into one of the cool new features that were introduced with Vue 3 – Teleport.
