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对象

然后挂载到原型上

最后使用时

页面效果