VUE路由传参的三种方式

9.路由传参的三种方式

1. params 传参（显示参数）又可分为 声明式 和 编程式 两种方式

  <router-link :to="/child/1"> 跳转到子路由 </router-link>

  this.$router.push({
      path:'/child/${id}',
  })

2. params传参（不显示参数）也可分为声明式和编程式两种方式

  <router-link :to="{name:'Child',params:{id:1}}">跳转到子路由</router-link>

      this.$router.push({
          name:'Child',
          params:{
          id:1
          }
      })

3. query 传参（显示参数）也可分为声明式和编程式 两种方式

  <router-link :to="{name:'Child',query:{id:1}}">跳转到子路由</router-link>

      this.$router.push({
          name:'Child',
          query:{
          id:1
          }
      })