在Vue中我們經常會用到路由,而路由傳遞數據就是通過params來傳遞的。本篇文章將介紹如何獲取params的值。
// 在路由中傳遞參數
{
path: '/user/:id',
component: User
}
// 在組件中獲取params的值
export default {
//
created() {
const id = this.$route.params.id
}
}
如上代碼所示,在路由中我們使用了動態路徑參數來傳遞參數。當路由匹配成功后,我們可以在組件中通過this.$route.params來獲取該參數值。
需要注意的是,在created生命周期鉤子中獲取params才是最佳實踐。因為在這個時候,組件已經被創建,并且能夠訪問到this.$route對象和它的params屬性。
下一篇vue獲取parent