Vue3多语言实现

easyboot

已于 2024-07-30 10:17:28 修改

阅读量274

点赞数 3

分类专栏： # VUE3 文章标签： javascript vue.js 前端

于 2024-07-30 10:05:37 首次发布

本文链接：https://blog.csdn.net/easyboot/article/details/140789135

版权

1.首先安装i18n

npm install vue-i18n

2.在项目下创建lang目录并创建en.ts,i18n1.ts,zh.ts

en.ts

export default {
    message: {
     home: 'home',
     appTitle:'aa 3D Smart Measure'
    },    
    Menus: {
      Measuer: 'Measure',
 
     },
     GlueMeasure: {
      Title: 'Camera 3D Glue Measure',
 
     }
  }

zh.ts

export default {
    message: {
     home: 'home',
     appTitle:'aa 3D智能测量'
    },    
    Menus: {
      Measuer: '测量',
 
     }, 
     GlueMeasure: {
      Title: '3D相机 涂胶测量',
 
     }
  }

i18n1.ts

import { createI18n } from "vue-i18n";
import en from './en'
import zh from './zh';
 
const i18n = createI18n({
  locale:localStorage.getItem('languag

最低0.47元/天解锁文章