关于vue的页面跳转携带参数传值

**关于vue的简单传值**
一，（1）搜索栏链接带参
          this.$router.push({ path: "demoPageDetail1(此为页面路径)", query: { key: value, name: name } })
          demoPageDetail1:此为页面路径,query:传两个参数，带到下个页面
      （2）第二个页面接收参数
         this.！route.query   &&   this.$route.query.name

二，<router-link to="/pageDetails?id==001"> 信息001</router-link>

      <router-link :to="{name: 'pageDetails', path: '/pageDetails',  query: {id: '001', title: '信息001'  }}

三，携带参数不在搜索栏链接中显示

带参:this.$router.push({path: '/pageDetails',name: 'addTest',params: { id: 1 }})

得参:this.$route.params.id