vue-router学习二(动态路由)

来源:互联网 发布:it招标书 编辑:程序博客网 时间:2024/05/18 12:33
<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')
原创粉丝点击