`export default new VueRouter(...)` 会将这个VueRouter实例导出到它文件的文件夹中？

Question

我在看一个教学视频的时候，在 src/router/index.js中 export default new VueRouter (...)：

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

Vue.use(VueRouter)

export default new VueRouter({
  routes: [
    { path: '/recommend', component: Recommend },
    { path: '/singer', component: Singer },
    { path: '/rank', component: Rank },
    { path: '/search', component: Search },
  ]
})

那么在src/main.js中我看教程是直接可以这样引入：

import router from './router' 

这里有两个问题：
1）在src/router文件夹的index.js中导出 export default new VueRouter(...) 之后，是否是在src/store/main.js这样引入：

import router from './router' 

./router 代表的是这个src/router目录？这个目录是否是包含了所有的它下面的文件的导出（比如index.js中 export default 的 new VueRouter(...)）？

2）在src/router/index.js中export default new VueRouter(...)的时候，没有标明导出名称，那么为何在src/main.js引入的时候：

import router from './router' 

是引入router这个名称？

Answer 1

1. main.js 不在 src/store 里，在 src 里；
   ./router 代表 touter 文件夹里的 index文件，其它文件要加名字。
2. export default 是默认导出，你可以随便命名 import routerr form './router'也行

Answer 2

看这个就好了。
简单的说export default是无命名的，导入时决定名称。