路由传参

1.使用path来匹配路由，然后通过query来传递参数
这种情况下 query传递的参数会显示在url后面?id=？

methods：{
  insurance(id) {
        this.$router.push({
          path: '/home',
          query: {
            id: id
          }
        })
  }

对应路由配置：

{
     path: '/home',
     name: 'home',
     component: home
   }

对应子组件获取参数

this.$route.query.id

2.通过路由属性中的name来确定匹配的路由，通过params来传递参数。(页面刷新数据会丢失)

methods：{
  insurance(id) {
       this.$router.push({
          name: 'home',
          params: {
            id: id
          }
        })
  }

this.$route.params.id

3.直接调用$router.push 实现携带参数的跳转(页面刷新数据不会丢失)

methods：{
  insurance(id) {
       //直接调用$router.push 实现携带参数的跳转
        this.$router.push({
          path: `/home/${id}`,
        })
}

对应路由配置
{
     path: '/home/:id',
     name: 'home',
     component: home
   }

this.$route.params.id