vue在跳转页面的同时传递参数

A页面

<template>
    <button @click="jump">点击跳转</button>
</template>

<script>
    export default {
        data() {
            return {
                parameter:"小狐疑真是个靓仔",//传的参数
            }
        }
        methods: {
        	jump：{
        		this.$router.push({
                  //跳转的路径
                  path: "/helpService/orderPay" ，
                  //需要传递的参数
                  query: {
                    //取个别名，在跳转到的页面接收 -我觉得最好是和当前页面的变量名一样
                    parameter：JSON.stringify(this.parameter),
                  }
                })
    		}，
    	}
        
    }
</script>

B页面接收

<template>
    <!--这里渲染的是：小狐疑真是个靓仔-->
   {{parameter}}
</template>

<script>
     export default {
        data() {
            return {
                parameter:"",//接收参数
            }
        }
		//放在这里面每次页面加载时都会被加载到
       mounted: function() {
           //接收A页面传过来的参数 -this.$route.query.parameter：就是楼上取的别名
           this.parameter = JSON.parse(this.$route.query.parameter);
       }
        
    }
    
</script>