$router是Vue.js的一個插件,可以用來進行頁面路由管理。
在Vue.js的應用中,$router參數可以用來訪問當前的路由對象,以及進行路由跳轉、添加查詢參數等操作。下面我們來看一些常用的$router參數:
//獲取當前路由對象 this.$router.currentRoute //獲取當前路由的名稱 this.$route.name //獲取當前路由的路徑 this.$route.path //獲取當前路由的參數 this.$route.params //獲取當前路由的查詢參數 this.$route.query //跳轉路由 this.$router.push('/path')
這些$router參數可以用于實現多種路由管理需求。例如,我們可以使用$route.params來獲取路由參數:
//定義路由 const router = new VueRouter({ routes: [ { path: '/user/:id', name: 'user', component: User } ] }) //訪問路由參數 this.$route.params.id //跳轉帶參數的路由 this.$router.push({ name: 'user', params: { id: 123 }})
總之,$router參數是Vue.js應用中不可或缺的一部分,它提供了豐富的路由管理能力,讓我們能夠輕松地實現頁面跳轉、參數傳遞、查詢等功能。