Nuxt中使用@和~导入模块：二者有何差异及优先级？

功能差异 #

在Nuxt 3中，@/和~/这两种根目录导入方式不存在功能差异。它们都是Nuxt配置中预设的根路径别名，最终都会被解析为项目根目录下的对应文件，无论是代码执行逻辑还是打包后的结果，都不会有任何区别。

推荐用法 #

两种写法都可以正常使用，选择哪种主要看团队习惯和项目场景：

• ~/是Nuxt框架的传统别名，从Nuxt 2时代就被广泛使用，熟悉Nuxt的开发者普遍更习惯这种写法；
• @/在Vue CLI、Vite等其他Vue生态项目中也很常见，如果你的团队同时维护多个不同类型的Vue项目，使用@/能保持跨项目的写法一致性，减少认知成本。

总之，只要团队内部统一使用同一种写法即可，没有绝对的最优选项。

内容的提问来源于stack exchange，提问作者Matt Sanders