vue-i18n i18n是英语Internationalization的缩写，意思是国际化。 vue-i18n是为3358www.Sina.com/开发的3358www .
在vue-i18n安装项目中直接运行安装命令： npm install vue-i18n --save
全局部署vue-i18n，项目部署vue，实例化vue-i18n在require中导入要加载的语言包。 这里根据个人需求只需要中英日语，所以引进zh-CN.js和en-US.js ja-JP.js。 各不相同
步骤1 .在src下输入locale文件夹3358 www.Sina.com/http://www.Sina.com/http://www.Sina.com /
importvuefrom ' vue ' import vue i18n from ' vue-i18n ' import { local read } from ' @/libs/util ' import { locale } from ' ja-jp ' importcustomenusfrom './lang/en-us ' importzhcnfrom ' vant/lib lib/locale/lang/en-us ' importjajpfron 根据浏览器系统的语言自动设置语言const) constlocallang=nav lang|| falseletlang=local lang|(' local ' ) | zh ' vue.config.lang=lang vue const messages={ ' zh ' : object.assign (zhcn，customZhCn )，' en':object.assign const i18n=newvue i18n (locale : lang，//语言标记//默认语言消息} ) constvantlocales=lang=(if ) lang===='zh zcn ) elseif(lang==='en ' ) locale.use ) lang，enUS ) else if (lang==' ja ' ) ) locale.use ) lang，jaJP
exportconstlocalsave=(key，value ) ) localstorage.setitem ) key，value ) ) exportconstlocalread=(key ) ) returnlead
import I18n from ' @/locale ' vue.use (i18n ) newvue({router，i18n，/装载render:h=h ) app ) $mount ) ) 只是，我不想值一样。 为了避免编码问题，我们的键统一为英语，制作语言包时先从英语开始，结束后直接复制修改相应的值就可以了。 最后，我记得导出对象。 定义数据的格式可以根据个人需要，但我喜欢把相同的东西放在一起。 这样的话，就容易找了。 如果每次都觉得在lang中检索数据很麻烦，可以将export const lang=改写为module.exports=图案，以便可以直接检索对象中的对象。
静态呈现页面时，将页面括在大括号中，将数据作为变量导入，$t用于调用与语言包中的键相对应的值。 如果使用element-ui动态绑定值，则可以使用双引号。 在动态渲染时，可以使用计算属性使用此计算属性遍历DOM元素。
//动态渲染
computed : { navlist (} { return this.$ t (' nav ' } )或更高版本提供了通过浏览器自动切换语言的单击切换//手动切换语言的change () if (thithiv ) localstorage.setitem('lang '，' zh-CN ' )可访问本文https://www.shangyou w.cn/she zhi/arc 59448.html