1回答

好帮手慕慕子

2020-10-11

同学你好，params和query是vue中使用路由的两种传参方法，写在router/index.js文件里的代码是定义路由规则的。

视频中老师是直接使用router-link标签的to属性实现了路由跳转，如下所示：

在router/index.js中定义路由规则

在vue文件中设置跳转

而当前小节视频中老师提到的params并不是路由跳转时传递的参数，而是发送axios请求是设置的参数。可以参考下图理解

两者的区别可以参考如下解析

1. params方式传递参数，需要先设置动态路由，如下

   
   

   进行路由跳转时，与组件名name属性配合使用，如下：

   
   

   获取时，使用this.$route.params.id

   

   测试结果

   
   

2. query方式传递参数，不需要设置动态路由

   
   

   路由跳转时，与path属性配合使用，如下：

   

   获取时，使用this.$route.query.id

   

   测试结果如下：

   

同学可以结合示例测试理解下，祝学习愉快~

0