vue-I18n开箱方式

最近公司没什么活，没事捣鼓捣鼓技术
话不多说 上干货

npm i vue-i18n@latest //下载最新版插件

创建文件用来存放需要的公共语言

文件夹内容

const zh = {message: {Language: "简体中文",name: "中文名称",},
};
export default zh;const ja = {message: {Language: "言語タイプ",name: "日语",},
};
export default ja;const en = {message: {Language: "Englisg",name: "英文",},
};
export default en;

其他三个文件都跟这个差不多 这里直接贴出来了

index.js文件用来整合语言文件
长这样

后面就是创建i18n对象

然后挂载到原型上

最后使用时

页面效果