vue的传参方式汇总和router使用技巧

 {
  path: '/describe/:id',
  name: 'Describe',
  component: Describe
 }

// 直接调用$router.push 实现携带参数的跳转
 this.$router.push({
// 这个id是一个变量,随便是什么值都可以
 path: /describe/${id}`,
 })

$route.params.id

 {
  path: '/describe',
  name: 'Describe',
  component: Describe
 }
（这个地方默认配置就可以了，不用做任何的处理）

  this.$router.push({
   name: 'Describe',
   params: {
   id: id
   }
  })

$route.params.id

 {
  path: '/describe',
  name: 'Describe',
  component: Describe
 }

 this.$router.push({
   path: '/describe',
   query: {
   id: id
   }
  })
（params换成了query）

$route.query.id

<div class="content">
//这个是一个普通组件，其中tabelData可以是变量，也可以是常量，和pageInfo一样样，这里打算传递两个值过去，其实也可以用对象的方式传过去都是可以的。
 <my-table :table-data="tableData" :page-info="pageInfo" id="myTable"></my-table>
</div>

props: ['tableData', 'pageInfo'],
data() {
 return {
  tData: this.tableData,
  page: this.pageInfo
 }
}