一、正常路由的路径一般都是如下图所示
如果想要在路由路径后面跟上一些动态的值，比如用户的信息
1、在路由配置文件中，在你需要配置的路由代码后面写上你想要展示的参数
2、将router-link中的to=""属性，改成:to=""，就相当于v-bind:to=""，来绑定值，并且把原先的/user改成'/user'，意思就是加上单引号来表示是字符串，接着后面拼接上想要展示的参数
3、最后，在js代码块中写上对应的值即可
二、在通过上面的一堆操作后，如果想要把路径里的值显示在页面上，使用$route即可，注意，是$route，而不是$router，两者区别是一个字母r
1、为了和以上代码作区分，我把路由配置文件中的path:"/user/:userId"改成了path:"/user/:getUserId"
2、App.vue中的代码依然不变
3、通过computed(){}计算属性来实现，this.$route.params.getUserId用来接收传递过来的值
当然，也可以直接在对应的标签中写上对应代码，效果是一样的，只不过通过计算属性，可以进行更多的数据操作