前端百货~Vue传参的几种方式，快来get~

方法一：常规?和&链接传递参数

  <router-link to='/a?id=1&age=18'>AA</router-link>

跳转后获取参数，通过this.$route.query来获取，得到一个对象。
也可以用计算属性拿到，页面直接用↓↓↓

computed: {
    id(){return this.$route.query.id},
    age(){return this.$route.query.age}
},

方法二：vue推荐传参

   <router-link to='/b/2/20'>BB</router-link>

获取参数1：

 {path:'/b/:id/:age',
 component:()=>import('@/components/BB'),
props:true}

在路由里解析传递参数名称，并通过props传递到子组件
子组件页面再通过props接收（BB组件），页面直接用

 export default{ props:['id','age']

获取参数2：
不写props传参

{path:'/b/:id/:age',
 component:()=>import('@/components/BB'),

BB组件通过this.$route.params接收参数

 computed: {
    id() {return this.$route.params.id},
    age() {return this.$route.params.age}