Changes

* main.js - contains instantiation of Vue instance

* App.vue - top level component into which we compose other components

* router/index.js

* Computed property - double mustache inside the component template

* Components have templates, script, and styling

* <code>export default { props: ['id, 'age', 'weight] }</code>

* directive inside HTML tags start with v-

* <code>v-bind:____="someDataStoreObj</code> - bind keeps something up-to-date with some data store property

* <code>v-on:click="someMethod"</code> - binds a function to button

* <code><input v-model="message"></code> - direct two-way binding between input and app state

* Single state tree - single source of truth

*

* Single page App

* In main.js, import the router directory, and add router to the list of properties inside <code>new Vue</code> declaration

** <code>export default new Router( { routes: [ {path: '/', name: 'Hello', component: HelloWorld} ]</code>

** Map a route to a property<code>export default new Router( { routes: [ {path: '/:prop1/:prop2/:prop3', name: 'Hello', component: HelloWorld, props: true} ]</code>

# <code>npm install -g @vue/cli</code>

# <code>vue --version</code>