Part 5: Div​ing into the Vue.js SPA

Chris Berry JavaScript, Node, Single-Page Application, Tutorial, Vue Leave a Comment

Part 5 of the Solid Foundations Learning Series
This is an in-depth learning series focused on a specific application: a JavaScript-based suite of single-page applications optimized for use in a microservice environment. We focus on telling the story of “why” and “how” it was built.

 —

In Part 4 of this series, we learned the why and how of adding single-page applications to our server-rendered application. In this blog, we take a small step to the side and talk about our Vue.js app that is added to the reference application. We will specifically focus on how the Vue.js components are added and how the routing is completed within the SPA.

Part 3: Using Node​ and Markdown​ + the Package Showdown

Chris Berry JavaScript, Node, Single-Page Application, Tutorial, Vue Leave a Comment

This is an in-depth learning series focused on a specific application: a JavaScript-based suite of single-page applications optimized for use in a microservice environment. We focus on telling the story of “why” and “how” it was built. 

In Part 2 of our Solid Foundations Learning Series, we covered quite a bit of ground surrounding the discovery of Handlebars files, creating navigation based off of those files, and the routing back to the server based on those files.

Now we’re going to dive back into the Handlebars pages and find out how we’re getting content into the pages when they’re rendered by the server.