vue main.js导入问题(导入时使用别名)

这个其实是一个javascript的问题，首先应该了解import和export的区别。
export：

① 导出时需要和导入的变量名称相同
② 如果导出和定义变量分开，导出时变量名加{}
③ 导入的时候变量名必须加{}
④ 可以有多个export语句

export-default:

① 引入时，可以变成不同的名称
② 直接把所有内容都导出
③ 引入时，设置的变量名不用加{}
④ 只能有一个export default语句

首先用vue-cli创建一个项目
App.vue

export default{
  name: 'APP',
  components: {
    HelloWorld
  }
}

main.js

import APP12 from './App1'

createApp(APP12).mount('#app')

可以看到main.js中导入名并未在App.vue中找到，主要是有export default这个关键字，导致可以导入时可以使用不同的名称。