Vue.js 是一個輕量級的 JavaScript 框架，可以用于構(gòu)建交互式的 Web 應(yīng)用程序。使用 Vue.js，您可以輕松地創(chuàng)建可重用的組件、處理用戶輸入、實現(xiàn)頁面動態(tài)更新等。

Vue.fullPath 是 Vue.js 的一個路由屬性，它包含當(dāng)前應(yīng)用程序的完整 URL。Vue.js 路由是用于管理應(yīng)用程序中頁面轉(zhuǎn)換的機制。在傳統(tǒng)的 Web 應(yīng)用程序中，您需要通過在瀏覽器中輸入新 URL 來實現(xiàn)頁面切換。使用 Vue.js 路由，您可以像使用本地應(yīng)用程序內(nèi)部導(dǎo)航一樣輕松地實現(xiàn)頁面轉(zhuǎn)換。

const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About },
{ path: '/contact', component: Contact },
]
const router = new VueRouter({
routes // short for `routes: routes`
})
new Vue({
router,
el: '#app',
computed: {
currentPath () {
return this.$route.fullPath
}
}
})

如上所示，我們定義了三個路由，并使用 VueRouter 實例化路由器。然后我們創(chuàng)建了一個 Vue 實例，并將路由器注入到該實例中。我們使用計算屬性 currentPath 來獲取當(dāng)前 URL 的完整路徑。

使用 Vue.fullPath 屬性，我們可以輕松地獲取當(dāng)前應(yīng)用程序的 URL。這對于需要根據(jù) URL 加載不同的組件或執(zhí)行不同的操作的應(yīng)用程序非常有用。您可以使用當(dāng)前 URL 中包含的查詢參數(shù)進行過濾、排序或搜索等操作。