鍍金池/ 問(wèn)答/HTML/ 為什么用vue-cli構(gòu)建的項(xiàng)目中，自己寫(xiě)的組件內(nèi)部文件名必須為index.vu

為什么用vue-cli構(gòu)建的項(xiàng)目中，自己寫(xiě)的組件內(nèi)部文件名必須為index.vue?

用vue-cli構(gòu)建的項(xiàng)目：

clipboard.png

在components中寫(xiě)了一個(gè)名為my的組件，當(dāng)組件內(nèi)文件名字為index時(shí)，在router中引入該組件不會(huì)報(bào)錯(cuò)：

clipboard.png

當(dāng)把my組件的文件名改為別的名字時(shí)，就會(huì)報(bào)錯(cuò)：

clipboard.png

clipboard.png

這是啥機(jī)制?。?/p>

回答
編輯回答
膽怯

import 引用目錄的時(shí)候，會(huì)默認(rèn)尋找目錄里的 index.js 文件。你可以把路徑寫(xiě)全了

2017年8月3日 22:23
編輯回答
不將就

index是該路徑默認(rèn)的文件，所以在你my文件夾下不寫(xiě)index也沒(méi)關(guān)系，但是你換成ahaha之后就找不到相應(yīng)的模塊了，所以必須的寫(xiě)出引用的文件ahaha。

2018年2月28日 14:37
編輯回答
假灑脫

你寫(xiě)成 ../components/my/ahaha.vue 不就可以了 。 汗顏

2017年7月15日 10:04
編輯回答
檸檬藍(lán)

引用my文件夾下index.vue 等于引用 my.vue
可以用my.vue代替 my/index.vue

import my from '../components/my/index.vue' = import my from '../components/my.vue'
2017年10月10日 13:56
編輯回答
神曲

這叫做約定優(yōu)于配置.
要不你就得像上面回答都說(shuō)的一樣,使用完全導(dǎo)入的方式了.

2017年11月6日 04:15
編輯回答
巴扎嘿

這是 es6 中 import 的簡(jiǎn)寫(xiě)模式，你也可以把路徑全部寫(xiě)完整

2017年10月21日 18:02