v-router（跳转与传参）

          声明式：用标签跳转的

                        跳转：

                          <router-link to="要去的路由"></router-link>

                           to可以是：

                                to="/"   / 代表的是首页，默认显示的 （/是path的值）

                                :to="{name:'home'}"    这个是路由中name的值

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

                    传参： 

                                   query:

                                             :to="{name:'',query:{参数名,值}}"

                                                如：  <router-link :to="{name:'/',query:{id:1}}"></router-link>

                                             :to="{path:'',query:{参数名,值}}"

                                                如： <router-link :to="{path:'/',query:{id:1}}"></router-link>

                                   params:

                                            需要先在路由中配置一下：

  {
    path: "/about/:id",
    name: "about",
    component: () => import("../views/about.vue"),
  }

                                             :to="{name:'about',params:{参数名,值}}"  此处的参数名为 /: 后的

                                                如：  <router-link :to="{name:'about',params:{id:1}}"></router-link>

                                                

           编程式：触发事件后通过this.$router.push({})跳转的

                           触发事件后 

                                this.$router.push({

                                    name:"" 或 path:""

                                    传参：

                                     query:{键,值} 或 params:{参数名,值}

                                })

           接收路由参数：

                               query：this.$route.query.参数名

                                params：this.$route.params.参数名

              注意：

                                path传参是不能跟params一起使用，如果一起使用会接收不到传来的参数