vue-router怎么实现动态路由

2026-04-01 19:47:27

1、在user文件中,用params.id来实现部分内容的不同。其中$route(to, from)函数中,to表示要跳到哪个组件,from表示从哪个组件过来的。

vue-router怎么实现动态路由

2、路径为/user/:id,其中的id为动态变化的参数。

vue-router怎么实现动态路由

3、在main.js文件中导入router文件。如果不导入router文件,就不会有跳转界面的功能。

vue-router怎么实现动态路由

4、App.vue文件的作用是显示组件。

vue-router怎么实现动态路由

5、运行结果如图所示。点击不同的User,用户的名字也会跟着变化。

vue-router怎么实现动态路由

猜你喜欢