關(guān)鍵詞:路由
我們經(jīng)常需要把某種模式匹配到的所有路由铭段,全都映射到同個組件瞧毙。例如胧华,我們有一個 User 組件,對于所有 ID 各不相同的用戶宙彪,都要使用這個組件來渲染矩动。那么,我們可以在 vue-router 的路由路徑中使用『動態(tài)路徑參數(shù)』(dynamic segment)來達到這個效果:
<div id="box">
<ul>
<router-link to="/user/way">方法</router-link>
<router-link to="/user/dir">目錄</router-link>
</ul>
<router-view></router-view>
</div>
const User = {
template: `<div>User {{ $route.params.id }}</div>`
}
const router = new VueRouter({
routes: [
{ path: '/user/:id', component: User }
]
});
new Vue({
el:'#box',
router
});