Vue是一種由JavaScript編寫的漸進式JavaScript框架。它支持構(gòu)建單頁應(yīng)用程序，可以幫助開發(fā)人員輕松構(gòu)建可重用的組件和交互式用戶界面。在Vue中，獲取當(dāng)前路由是很常見的需求。下面我們來介紹如何獲取當(dāng)前路由。

要獲取當(dāng)前路由，需要使用Vue Router。Vue Router是Vue.js官方的路由管理器。它與Vue.js緊密集成，可以幫助我們實現(xiàn)SPA（單頁應(yīng)用程序）的路由管理。借助Vue Router，我們可以輕松地實現(xiàn)路由導(dǎo)航、嵌套路由、動態(tài)路由匹配等功能。

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{
path: '/',
component: Home,
children: [
{
path: '/about',
component: About
},
{
path: '/contact',
component: Contact
}
]
}
]
const router = new VueRouter({
routes
})
router.beforeEach((to, from, next) => {
console.log(to)  // 當(dāng)前路由對象
console.log(to.path)  // 當(dāng)前路由路徑
next()
})

上述代碼中，我們引入了Vue Router，并創(chuàng)建了一個路由實例。在路由實例中，我們定義了一個beforeEach函數(shù)，該函數(shù)在每個路由導(dǎo)航之前被調(diào)用。在函數(shù)中，我們可以訪問to、from和next三個參數(shù)。to參數(shù)包含了即將要進入的路由對象，from參數(shù)包含了即將要離開的路由對象，next參數(shù)是一個函數(shù)，可以用來控制路由跳轉(zhuǎn)。

在beforeEach函數(shù)中，我們使用console.log來輸出當(dāng)前路由對象和當(dāng)前路由路徑。to.path就是當(dāng)前路由的路徑。我們可以將這些信息用于統(tǒng)計頁面瀏覽量、記錄日志等操作。