vuerouter 原理
    Vue Router 是 Vue.js 官方的路由管理器，它实现了前端路由的核心功能。Vue Router 的原理主要涉及到路由的配置、路由的匹配和路由的渲染。
    1. 路由的配置：
      Vue Router 的配置是通过创建一个路由实例来完成的。在创建路由实例时，我们需要定义路由规则，即指定每个 URL 对应的组件。这些路由规则可以通过路由配置文件进行定义，也可以通过编程的方式动态添加。
react router 原理
    2. 路由的匹配：
      当用户访问一个 URL 时，Vue Router 会根据事先定义好的路由规则进行匹配。匹配过程是从上到下逐个匹配的，直到到匹配的路由规则或者匹配失败。匹配成功后，Vue Router 会根据匹配到的路由规则到对应的组件，并将其渲染到指定的位置。
    3. 路由的渲染：
      路由的渲染是指将匹配到的组件渲染到指定的位置。在 Vue Router 中，我们可以通过 `<router-view>` 组件来指定路由组件的渲染位置。当路由匹配成功后，Vue Router 会将匹配到的组件渲染到 `<router-view>` 所在的位置，从而实现页面的切换。
    4. 路由的导航：
      在应用中，用户可能会通过点击链接或者编程的方式进行路由的切换。Vue Router 提供了多种方式来实现路由的导航，包括 `<router-link>` 组件、编程式导航和导航守卫等。这些方式可以让用户在不同场景下进行路由的切换，并提供了更灵活的控制能力。
    总结起来，Vue Router 的原理主要包括路由的配置、路由的匹配和路由的渲染。通过定义路由规则，匹配用户访问的 URL，并将匹配到的组件渲染到指定的位置，从而实现前端路由的功能。同时，Vue Router 还提供了丰富的导航方式和导航守卫，以满足不同场景下的需求。