在Vue中 编程式传参和不传参方式，新页面接收方式

<template>
    <div style="margin-top:10px">
        <el-button>编程式路由跳转下方</el-button><br><br> 
        <el-button @click="handleNoCanShu">不带参数跳转</el-button>
        <el-button @click="handleYesCanShu" type="success">携带参数跳转</el-button>
    </div>
</template>

路由配置信息

routes:[
    {
      path:'/hrefnewPage',
      name:'hrefnewPage',
      component: HrefNewPage,
    },
]

跳转的方法

// 带参数跳转  
// query传参  地址栏看的出来信息    
// params传参 地址栏看不出来信息

第一种传参方式  query传参

methods: {
    handleNoCanShu(){   //直接跳转----不带参数
      this.$router.push('/hrefnewPage');
    },
    handleYesCanShu(){