import { useI18n } from 'vue-i18n' 和 import i18n from '@/i18n'

Question

老师这一块，我有2个疑问，
（1）import { useI18n } from 'vue-i18n’这个是组件导入的，是跟script setup有关吗？还是说跟webpack的一些打包配置要求。
（2）在组件是不是也可以用这个方式导入import i18n from ‘@/i18n’ ，如果不行的话，是因为什么。
老师请回答，谢谢！

Answer 1

Sunday 2022-03-29 21:43:29

你好

问题一：import { useI18n } from 'vue-i18n’ 这个是 ESM 的按需导入语法呀，和 setup 、webpack 都没有关系

问题二：import i18n from ‘@/i18n’  这个方式是导入的 src/i18n/index.js 文件中默认导出的对象。通常在组件中建议使用 useI18n（setup 下）

• 提问者 qq_Simpleisbeau_0 #1

  那 'vue-i18n’，‘@/i18n’，'useI18n'这三者的区别是什么？可以详细讲讲吗

• Sunday 回复 提问者 qq_Simpleisbeau_0 #2

  'vue-i18n’ 是依赖路径， ‘@/i18n’ 是项目中的初始化路径， useI18n 是 vue-i18n 导出的一个方法