vue_router

Vue Router 是 Vue.js 的官方路由管理器，它允许你为单页面应用（SPA）定义路由规则，从而实现页面间的导航和组件的动态加载。

路由基本概念

路由器（Router）: 路由器是一个全局对象，用于管理所有的路由记录。
路由记录（Route）: 每个路由记录都会映射到一个组件。
路由配置（Routes）: 路由配置是一个数组，包含了所有的路由记录。

基本使用

安装：首先需要安装 Vue Router。

npm install vue-router

创建路由器实例：

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: () => import(/* webpackChunkName: "about" */ './components/About.vue')
    }
  ]
})

在 Vue 应用中使用路由器：

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

动态路由匹配

Vue Router 允许你为路由设置动态参数。

{
  path: '/user/:id',
  name: 'user',
  component: User
}

在这个例子中，:id 是一个动态参数，它的值将被用作组件的 props。

高级功能

Vue Router 提供了许多高级功能，如路由懒加载、导航守卫、路由元信息等。

更多详细信息和高级用法，请访问 Vue Router 官方文档。