vue.js 中的 router 负责导航，而 route 表示激活的页面。router 全局可用，管理 url 和导航守卫；route 局部可用，提供了导航信息，可以通过 props 访问。
开门见山
Vue.js 中的 router 负责在应用程序中控制页面导航，而 route 则表示当前激活的特定页面。
详细解释
router
- 负责应用程序的导航：它定义了应用程序中的页面结构，并允许用户在页面之间导航。
- 全局可用：router 可在应用程序的任何组件中使用，以便轻松访问和操作。
- 管理 URL：router 控制应用程序的 URL，并提供与服务器端路由的交互。
- 导航守卫：它提供导航守卫，允许在导航发生之前或之后执行代码。
route
- 表示当前激活的页面：它包含有关当前页面的信息，例如其路径、名称和组件。
- 局部可用：route 只能在使用它作为 prop 的组件中使用。
- 提供了导航信息：在导航过程中，route 跟踪导航到、从和取消导航的页面。
- 可以通过 props 访问：可以通过组件的 props 对象访问当前 route。
总结
router 和 route 在 Vue.js 中扮演着不同的角色：router 负责管理应用程序的导航，而 route 表示当前激活的页面。理解它们之间的区别对于使用 Vue.js 构建应用程序至关重要。
以上就是vue中router和route的区别的详细内容，更多请关注北冥有鱼其它相关技术文章！
