在Vue中，獲取params參數是一個非常常見的操作。params參數通常用于在路由跳轉時傳遞數據。在這篇文章中，我們將詳細討論如何獲取params參數。

// 假設我們的路由配置為
{
path: '/user/:id',
name: 'user',
component: User
}

首先，我們需要在組件中引入$route。$route是Vue的一個內置對象，它描述了當前激活的路由信息。我們可以通過它來獲取params參數。

export default {
mounted () {
console.log(this.$route.params.id)
}
}

在上面的代碼中，我們通過this.$route.params獲取了路由參數中id的值。這個值可以直接用于組件內部的邏輯。

但是，我們也可以在$route對象中獲取其他路由信息，例如路由名稱、路徑、查詢參數等等。下面是幾個常用的$route屬性：

// 路由名稱
console.log(this.$route.name)
// 路由路徑
console.log(this.$route.path)
// 查詢參數
console.log(this.$route.query)

此外，如果我們需要監聽路由參數的變化，可以使用$route的watch屬性。

export default {
watch: {
'$route.params.id': function (newId, oldId) {
console.log('路由參數變化')
}
}
}

上面的代碼可以監聽路由參數id的變化，并且在變化時打印一條消息。我們也可以在watch中監聽其他$route屬性的變化。

最后，需要注意的是，如果我們想在非組件中獲取$route對象，可以使用Vue的全局實例$router。

import Vue from 'vue'
// 在某個方法中獲取$route對象
const route = Vue.prototype.$router.currentRoute
console.log(route.params.id)

上面的代碼可以在任何位置獲取$route對象，也可以通過$route對象來獲取params參數。

總結一下，獲取params參數是Vue中一個非常基礎的操作。通過$this.$route.params即可獲取params參數的值，通過其他$route屬性可以獲取更多與路由相關的信息。在需要監聽路由參數變化時，可以使用$route的watch屬性。如果需要在非組件中獲取$route對象，可以使用Vue的全局實例$router。