Vue.js(CDN)で、値を渡したい

いつも拝見させていただいております。

現在Vue.jsの勉強中なのですが、
単一コンポーネントではなく、CDNを利用した方法でページ遷移先に値を渡したいのですが、うまくいきません。

該当のソースコード

% tree
.
├── components
│   ├── HelloPage.js
│   ├── TopPage.js
├── index.html
├── main.js
└── router.js

html
1<!DOCTYPE html>
2<html>
3<head>
4  <meta http-equiv="X-UA-Compatible" content="IE=edge">
5  <title></title>
6  <meta charset="utf-8">
7  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
8</head>
9<style>
10  [v-cloak]{
11    display : none;
12  }
13</style>
14<body>
15<div id="app" v-cloak>
16  <div class="container mt-5">
17
18    <router-link :to="{ name : 'top'}">トップページ</router-link>
19    <router-link :to="{ name : 'hello'}" v-bind:msg='msg'>Hello Page</router-link>
20
21    <hr>
22
23    <router-view></router-view>
24
25  </div>
26</div>
27<script src="https://jp.vuejs.org/js/vue.js"></script>
28<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
29<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.js"></script>
30<script src="./main.js"></script>
31</body>
32</html>

javascript
1# main.js
2
3import router from '/router'
4
5const router = new VueRouter({
6	routes : router
7})
8
9
10const app = new Vue({
11	router : router,
12	
13	data(){
14		return {
15			msg : 'hello vue!'
16		}
17	}
18	
19}).$mount("#app");

javascript
1# router.js
2
3import TopPage from '/components/TopPage'
4import HelloPage from '/components/HelloPage'
5
6export const router = new VueRouter({
7	
8	routes : [
9		{
10			path      : '/',
11			name      : 'top',
12			component : TopPage
13		},
14		{
15			path      : '/hello-page',
16			name      : 'hello',
17			component : HelloPage
18		}
19	]
20	
21})
22

javascript
1# TopPage.js
2
3import TopPage from '/components/TopPage'
4import HelloPage from '/components/HelloPage'
5
6export const router = new VueRouter({
7	
8	routes : [
9		{
10			path      : '/',
11			name      : 'top',
12			component : TopPage
13		},
14		{
15			path      : '/hello-page',
16			name      : 'users',
17			component : HelloPage
18		}
19	]
20	
21})
22
23

javascript
1# HelloPage.js
2
3const helloTopPage = `
4<div>
5	{{ msg }}
6</div>
7`
8
9export default Vue.component('hello-page', {
10	template : HelloPage,
11	props(){
12		msg
13	}
14})
15