Vue on JErickson.net

Using Vue in a non-SPA

joe@jerickson.net (Joe Erickson) — Sat, 29 May 2021 16:59:34 -0400

I’ve spoken to a number of other developers about using Vue in applications that’s we’re single page applications but just standard MVC applications. Most of the time I get asked, “How would you do that?” So I finally sat down to explain how I do that.

Data Management in Vue: an introduction

joe@jerickson.net (Joe Erickson) — Wed, 12 May 2021 08:50:46 -0400

One of the things I’ve been wanting to talk about for a while are the different ways data can be managed in a Vue application. There’s always lots of discussions on forums about how data is managed and not a lot of diving into why you would pick one style over the other.

Creating an Event Bus in Vue

joe@jerickson.net (Joe Erickson) — Tue, 06 Apr 2021 19:27:50 -0400

There are times when building a Vue application that you realize that the standard parent-child model of intra-component communication just isn’t cutting it anymore. Everything gets too ridged and it gets harder and harder to add more layers to the application. Parent-child just doesn’t scale once you’re really working with a real-world project. Who is in control of the data when the components are nested five layers deep?

How to format dates in Vue 3

joe@jerickson.net (Joe Erickson) — Wed, 24 Mar 2021 19:24:50 -0400

If you’ve used Vue for any length of time, you soon find that it doesn’t have a lot of the fancy formatting options that some of the other frameworks seem to have out of the box. I get the feeling that Vue is very focused on minimalism and adding features that aren’t core to the framework is not something they want to do. One of those features, however, is formatting dates.

What are services in Vue?

joe@jerickson.net (Joe Erickson) — Tue, 23 Mar 2021 19:27:50 -0400

You might have heard the term “service” in relation to a Vue application. But looking through the Vue documentation, you might find that there isn’t any mention of what a service is at all.

How do you maintain multiple loading states in Vuex?

joe@jerickson.net (Joe Erickson) — Sat, 13 Mar 2021 09:34:50 -0500

One of the best ways to improve the user experience in a dynamic application is by setting up loading icons for data coming into your Vuex store. But if you’ve ever tried to set this up on a page with a lot of components that are loading different dynamic data. How do you show the user that data is being loaded when that data might be coming from different, parallel API calls?

How to Load Vue Components on Non-SPA Sites

joe@jerickson.net (Joe Erickson) — Sun, 28 Feb 2021 16:36:50 -0500

There are times when you want to use Vue components, but the application you’re working on is still in the age of jQuery. Is there a way to start using Vue without switching everything to Vue and making a single page application? Can we get all of that beautiful, juicy component action without breaking everything else that’s currently on the site? Also, can we add Vue components without having to rewrite the entire website to use Vue?