vue router 是 vue.js 官方路由管理庫，用于管理單頁應用程序中的頁面導航。主要作用包括：管理頁面導航：允許用戶在頁面之間切換。url 管理：將應用程序狀態與 url 同步。組件重用：在不同頁面中重用 vue 組件。狀態管理：存儲路由信息和數據。守衛：執行自定義代碼，如身份驗證檢查。
Vue 中 Router 的作用
Vue Router 是 Vue.js 的官方路由管理庫。它允許 Vue 應用程序管理頁面之間的導航，從而創建單頁應用程序 (SPA)。
主要作用：
管理頁面導航： Router 允許用戶在不同頁面之間切換，而無需重新加載整個應用程序。
URL 管理： 它將應用程序的狀態與 URL 同步，以便用戶可以輕松地通過 URL 訪問特定頁面。
組件重用： Router 允許在不同頁面中重用 Vue 組件，從而提高代碼的可維護性和可擴展性。
狀態管理： Router 可以存儲路由信息和數據，包括查詢參數和元數據，這有助于管理應用程序狀態。
守衛： Router 提供導航守衛，允許在導航發生之前或之后執行自定義代碼，例如身份驗證檢查或數據預取。
如何使用 Vue Router：
安裝： 在項目中安裝 <a style="color:#f60; text-decoration:underline;" href="https://www.php.cn/zt/15721.html" target="_blank">vue</a>-router 包。
創建 Router： 使用 VueRouter 類創建一個路由實例，配置路由表（映射 URL 路徑到組件）。
使用 Router： 在 Vue 應用程序中使用 <router-view></router-view> 組件來渲染當前路由匹配的組件。
導航： 使用 $router 對象進行導航，例如通過使用 push() 或 replace() 方法更改 URL。
Vue Router 是構建 SPA 的一個強大工具，因為它簡化了導航管理，改進了 URL 管理，促進了組件重用，并提供了豐富的功能，例如狀態管理和導航守衛。
