鍍金池/ 問(wèn)答/HTML/ `export default new VueRouter(...)` 會(huì)將這個(gè)

`export default new VueRouter(...)` 會(huì)將這個(gè)VueRouter實(shí)例導(dǎo)出到它文件的文件夾中?

圖片描述

我在看一個(gè)教學(xué)視頻的時(shí)候,在 src/router/index.jsexport 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' 

這里有兩個(gè)問(wèn)題:
1)在src/router文件夾的index.js中導(dǎo)出 export default new VueRouter(...) 之后,是否是在src/store/main.js這樣引入:

import router from './router' 

./router 代表的是這個(gè)src/router目錄?這個(gè)目錄是否是包含了所有的它下面的文件的導(dǎo)出(比如index.jsexport defaultnew VueRouter(...))?

2)在src/router/index.jsexport default new VueRouter(...)的時(shí)候,沒(méi)有標(biāo)明導(dǎo)出名稱(chēng),那么為何在src/main.js引入的時(shí)候:

import router from './router' 

是引入router這個(gè)名稱(chēng)?

回答
編輯回答
無(wú)標(biāo)題
  1. main.js 不在 src/store 里,在 src 里;
    ./router 代表 touter 文件夾里的 index文件,其它文件要加名字。
  2. export default 是默認(rèn)導(dǎo)出,你可以隨便命名 import routerr form './router'也行
2017年12月7日 20:26
編輯回答
傻丟丟

這個(gè)就好了。
簡(jiǎn)單的說(shuō)export default是無(wú)命名的,導(dǎo)入時(shí)決定名稱(chēng)。

2018年2月22日 23:30