Vue Router is the official plugin for creating robust single page applications. In this episode, we install and create a simple 3 page SPA showing the basics of routing with Vue Router.
Simple Routing From Scratch
Class and Style Bindings
Class bindings are a way for us to conditionally add or remove class from a ui element in our DOM. Alternately, you can add some inline styles using the same technique. Let's explore both of those options in this episode.
Introduction to Vue CLI and Vue UI Tool
The Vue CLI tool scaffolds a complete Vue application for you from scratch with very minimal setup. Along side of it, you have Vue UI tool at your disposal for a GUI interface you can interact with. Let's set both of those up.
Making HTTP Requests with Axios, API Example
Let's start off by pulling in axios, a simple JS library that allows us to make http request. Then let's implement a simple api request using JSONPlaceHolder, a nice testing api service. Then use the results to display them on the page.