# 1、动态路由使用 # 4.1动态匹配路由的基本用法 思考: ~~~ <!-有如下3个路由链接--> <router-link to="/user/1">User1</ router-link> <router-link to="/user/2">User2</router-link> <router-link to="/user/3">User3</router-link> ~~~ //定义如下三个对应的路由规则，是否可行? ? ? ~~~ { path: ' /user/1'，component: User } { path: ' /user/2'，component: User } { path: ' /user/3', component: User } ~~~ ## 动态路由使用 应用场景:通过动态路由参数的模式进行路由匹配 ~~~ var router = new VueRouter ( { routes:[ //动态路径参数以冒号开头 { path: ' /user/ :id'，component: User } ] }) ~~~ ~~~ const User = { //路由组件中通过$ route . params获取路由参数 template: '<div>User {{ sroute.params.id } }</div>' } ~~~