vue路由传值

1）通过动态路由方式

 //路由配置文件中 配置动态路由
    {
         path: '/detail/:id',
         name: 'Detail',
         component: Detail
       }
    //跳转时页面
    var id = 1;
    this.$router.push('/detail/' + id)
     
    //跳转后页面获取参数
    this.$route.params.id

//通过query属性传值

    //路由配置文件中
    {
         path: '/detail',
         name: 'Detail',
         component: Detail
       }
    //跳转时页面
    this.$router.push({
      path: '/detail',
      query: {
        name: '张三'，
        id: 1,
      }
    })
     
    //跳转后页面获取参数对象
    this.$route.query 
//通过params属性传值

    //路由配置文件中
    {
         path: '/detail',
         name: 'Detail',
         component: Detail
       }
    //跳转时页面
    this.$router.push({
      name: 'Detail',
      params: {
        name: '张三'，
        id: 1,
      }
    })