在Vue應用程序中，路由可以幫助我們管理不同的頁面。默認情況下，Vue Router 會根據路由規則自動更改應用程序的 URL。但是有時候，我們需要手動更改URL以達到更好的用戶體驗或實現某些特定功能。在這篇文章中，我將向您介紹Vue中如何手動更改URL。

假設我們有一個Vue應用程序，它有兩個路由：首頁和詳情頁。在訪問詳情頁時，URL將顯示http://example.com/details。現在，假設我們希望在用戶點擊詳情頁后，在URL中添加一個“#”符號和一些額外的參數，如http://example.com/details#itemID=12345。這時候我們需要手動更改URL。

在Vue中，我們可以通過調用$router.push()方法來更新URL。該方法將路由與提供的URL鏈接起來，同時將其添加到路由歷史記錄中。

$router.push({ path: 'details', query: { itemID: '12345' }})

在上面的代碼中，我們將路由路徑設置為'details'，并使用query屬性傳遞參數。這樣做將自動將參數添加到URL的末尾。

如果我們需要在URL中添加#符號，我們可以使用$router.replace()方法。該方法不會像$router.push()方法那樣將路由放入歷史記錄中，而是將其替換當前的路由。

$router.replace({ path: 'details', query: { itemID: '12345' }, hash: '#' })

在上面的代碼中，我們使用hash屬性將#符號添加到URL，該符號位于參數的前面。該方法還具有其他選項，如params屬性，可以用來傳遞動態路由參數。

有時候我們需要獲取當前的URL以進行一些操作，我們可以使用$router.currentRoute屬性來訪問當前路由對象。該對象包含有關當前URL的信息，如路徑，參數和哈希值等。

console.log(this.$router.currentRoute.path); //輸出當前URL的路徑
console.log(this.$router.currentRoute.query); //輸出當前URL的參數

在這篇文章中，我們學習了如何手動更改Vue應用程序中的URL。無論是添加參數、哈希值還是替換當前路由，Vue Router提供了易于使用的API，使我們能夠更好地控制路由。