vue路由传参的3种方式(极简)

·Query

通过在router-link的to中<router-link :to=”{path:’/跳转路由名称’，query{在这里面传递参数}}”></router-link>

在跳转过来的页面中接受是通过   this.$route.query.参数名称     

·Params

通过在router-link的to中<router-link :to=”{name:’/跳转路由名称’，params{在这里面传递参数}}”></router-link>

在router配置路由的地方在{

Path:”/跳转路由名称/:id”

}

在跳转过来的页面中接受是通过   this.$route.params.参数名称

methods是vue中的一个属性，在里面定义方法来进行路由跳转下面是方法：

上面两个比较常用，传参方式是在methods这个属性中进行跳转，通过点击来实现跳转如：

getdatlice(){

    this.$router.push(

    Path:`/跳转路由名称/${传参}`

)

}

在跳转过来的页面中接受是通过   this.$route.params.参数名称