查询Vue项目import router from './router'的router在router/index.js的定义位置
router变量的定义就在router/index.js的末尾位置,完整逻辑如下:
- 首先文件头部导入VueRouter构造函数:
import Router from "vue-router"; - 接着调用
Vue.use(Router)完成路由插件的注册 - 核心定义代码为:
export default new Router({ /* 路由配置项 */ }),这里直接创建Router实例,并将它设为当前文件的默认导出项
你在main.js中执行import router from "./router";时,因为导入路径是文件夹,构建工具会自动读取该目录下的index.js文件,将上述默认导出的Router实例赋值给你声明的router变量,之后就可以注入到Vue根实例中使用了。
内容的提问来源于stack exchange,提问作者q0987
相关产品推荐
相关产品推荐

