vue使用ts 引入组件_vue使用import来引入组件的注意事项

这里的extensions指定了from后可导入的文件类型。

而上面定义的这3类可导入文件，js和vue是可以省略后缀的：

import test from './test.vue'   等同于： import test from './test'

同理：

import test from './test.js'  等同于：import test from './test'

json不可以省略后缀

那么，若test.vue，test.js同时存在于同一个文件夹下，则import的导入优先级是：js>vue

from后的来源除了文件，还可以是文件夹：import test from './components'

该情况下的逻辑是：

if(package.json存在 && package.main字段存在 && package.main指定的js存在) {

取package.main指定的js作为from的来源，即使该js可能格式或内容错误

} else if(index.js存在){

取index.js作为from的来源

} else {

取index.vue作为from的来源

}

因此若from的来源是文件夹，那么在package.json存在且设置正确的情况下，会默认加载package.json；若不满足，则加载index.js；若不满足，则加载index.vue。

注