Vue state-driven routing

This example demonstrates StateMachine in combination with VueRouter router.

Using StateMachine (and StateHelper) to manage routes has the following advantages:

• The StateMachine's transitions determine allowable actions, states, and therefore routes
• The StateHelper's state updates navigation UI
• The Router updates page component
• The Router updates browser history
• The user can navigate using the browser's back and forward buttons

See the JavaScript comments for more info.