vue-router学习二（动态路由）

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

<div id="app">
<p>
<router-link to="/user/foo">/user/foo</router-link>
<router-link to="/user/bar">/user/bar</router-link>
</p>
<router-view></router-view>
</div>

const User = {
template: `<div>User {{ $route.params.id }}</div>`,
watch: {
'$route' (to,from) {
console.log(to);
console.log(from);
}
}
}

const router = new VueRouter({
routes: [
{ path: '/user/:id', component: User }
]
})

const app = new Vue({ router }).$mount('#app')