vue路由跳转的三种方式

router-view 实现路由内容的地方，引入组件时写到需要引入的地方
需要注意的是，使用vue-router控制路由则必须router-view作为容器。

通过路由跳转的三种方式

1、router-link 【实现跳转最简单的方法】

, //跳转的路径 query:{ //路由传参时push和query搭配使用 ，作用时传递参数 id:this.id , } }) } } } </script>

在select.vue文件中

<template>
  <select>
          <option value="1" selected="selected">成都</option>
          <option value="2">北京</option>
  </select>
</template>
 
<script>
    export default{
     
        data(){
     
            return{
     
                id:'',
            }
        },
        created(){
       //生命周期里接收参数
            this.id = this.$route.query.id,  //接受参数关键代码
            console.log(this.id)
        }
    }
</script>

3、this.$router.replace{path：‘/’ }类似，不再赘述

如果对您有用别忘记点赞哦哦哦!!!