vue中单纯跳页及跳页传参的方法

1.跳页方法

　　<router-link to="文件路径">  </router-link>

　　　相当于a标签的作用　

2.跳页传值方法

　A页中的配置　

 <button @click="sub()">首页</button> //给按钮一个绑定单机事件

 methods: {
    sub(){
      this.$router.push({
                name: ‘路由配置中的name‘,
                params: {
                  routeParam: this.data  //需要传递的参数
                }
          })
    },
}

　　B页接受参数

mounted() { //钩子函数
    this.data = this.$route.params.routeParam;  //接受parame.params中的所有数据
}

原文地址：https://www.cnblogs.com/gongjian92/p/8444735.html