(已解决)在vue路由中:Vue.use(VueRouter)和Vue.use(Router);有什么区别?

正规来说,

在 Vue 中使用路由功能时,实际上应当是 Vue.use(VueRouter),而不是 Vue.use(Router)

Vue.use() 是 Vue.js 提供的一个全局API,用于安装 Vue 插件。当你想要在 Vue 应用中使用 Vue Router 进行前端路由管理时,你需要做的第一步就是将 Vue Router 注册为 Vue 的插件:

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

这里 VueRouter 是从 'vue-router' 模块中导出的核心类,它提供了创建路由实例以及相关路由管理的方法。通过 Vue.use(VueRouter) 调用后,Vue Router 就会被注入到 Vue 的全局作用域中,使得每个 Vue 组件实例都能访问到 $router 和 $route 属性。

而 Vue.use(Router); 如果这里的 Router 并不是从 'vue-router' 导入的 VueRouter 类,那么这段代码将不会正确注册 Vue Router 插件,并且在后续尝试使用路由功能时会导致错误或未定义的行为。在实际开发中,应确保始终正确引用 VueRouter


Vue.use(Router)是可以使用的,在特定情况下,但是通常来说Vue.use(VueRouter)才是最正确的写法

你可能感兴趣的:(vue.js,前端,javascript)