Vue动态路由传值与Get传值

一、动态路由传值

1、在main.js中配置接收值的组件的路由时,预留传递参数的“形参”

2、在传值的组件中，用路由跳转携带参数的方式，把值传过去。注意：因为是绑定的动态传值，携带参数跳转时to前面要加冒号。

3、在接收值的组件中，this.$route.params接收传来的值。

二、Get传值

1、在main.js中配置接收值的组件的路由时,不需要预留传递参数的“形参”，直接在传值的组件中，也是用路由跳转携带参数的方式，只不过写法与动态路由传值不一样。

2、在接收值的组件中，this.$route.query接收传来的值。