logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

动态路由(带地址参数的路由)

在vive应用中,除了静态路由,也可以定义动态路由。动态路由可以包含参数,用以展示与访问地址相关的不同内容。例如,创建一个名为post show的组件,放在s r c post show目录下,它会响应诸如/post/:postID这样的动态路由地址(其中:postID是参数)。在post roads.ts文件中导入并定义这个路由,再为其指定一个名字(如post show)和对应组件。在路由组件中,可以利用参数值来获取和展示内容。参数值可以在组件的模板中通过$routerparams属性访问,也可以在组件的script部分通过相应的生命周期方法获取并在控制台输出。访问不同的动态路由地址将显示参数化内容,并在控制台输出当前访问地址中的参数值。