Vue：Vue Router參數傳遞

Vue Router切換路由支持兩種傳參模式：query和params，前者類似GET方法，後者類似POST方法。

1. Query參數傳遞和接收。

傳遞參數：

this.$router.push({
  name: "detail",
  query: {
    "id": "123456"
  }
});

接收參數：

//接收Query參數
this.$route.query

#{id: "123456"}

注：切換路由的時候用的是this.$router對象，接收參數時使用的是this.$route對象，後者少了一個r。

2. Params參數傳遞和接收。

 傳遞參數：

this.$router.push({
  name: "detail",
  params: {
    "id": "123456"
  }
});

//URL：uri?id=12345

接收參數：

this.$route.params

#{id: "123456"}

注：如果參數中提供了path，params參數會被忽略。