i18n国际化 + js-cookie

安装

yarn add @types/js-cookie
yarn add js-cookie

yarn add vue-i18n

创建文件@/config/i18n.ts

import VueI18n from 'vue-i18n'
import Cookies from 'js-cookie'
import Vue from 'vue'


Vue.use(VueI18n) // 通过插件的形式挂载
const i18n = new VueI18n({
  
    locale: Cookies.get('lang') || 'en-US',    // 语言标识
    messages: {
      'zh-CN': require('../common/zh'),  
      'en-US': require('../common/en') 
    }
  })
export default i18n;

创建文件common/zh.ts和common/en.ts

export const m = {
    xxx: ''
}

mian.ts

import i18n from "@/config/i18n";

new Vue({
  router,
  i18n,
  store,
  render: (h) => h(App),
}).$mount("#app");