Learning Vue, Part 2 - vue-router and Vuex by Joe Fleming

Interest in Vue.js exploded late in 2016, and it continues to grow. Google Trends shows that queries for Vue.js even surpassed React last month (http://tinyurl.com/khatt2k), and is still growing. Come see what all the fuss is about!

This is a follow-up to the presentation from February (https://www.meetup.com/Phoenix-JavaScript/events/237189596/), where we took a look at how Vue worked and saw a live-coded version of a Bootstrap component get created. We'll re-cap quickly how Vue works, and then spend the rest of the time on 2 optional, but useful, libraries in the Vue ecosystem:

vue-router, a first-class routing library for Vue.js, is used to manage routes in your application; that is, controlling the rendering of components using the URL. vue-router is quite easy to get started with, and has some nice features like nested routes, named routes, aliases, and metadata, which is useful for managing user authentication.

Vuex, a first-class state library for Vue.js, is used for managing application state. It borrows heavily from how Vue component state works, and comes with some nice helper functions for Vue, so it feels very natural to use. It's decidedly more difficult to use than vue-router though, so we'll likely spend a lot more time on this component. I'll aim to get you past the hurdles I dealt with when I was learning it.
1 Comment Collapse