Vue3+Vite+i18n国际化配置报错解决方法

因为Vue3无法挂在$t的方法所以入手解决的地方主要在main.js中

i18n文件配置

import {createI18n} from "vue-i18n";
// 同级目录

import zh_CN from "./zh-CN/zh-CN.js";


const i18n = createI18n({
    legacy: false, locale: "zh_CN", globalInjection: true, messages: {
        "zh_CN": zh_CN
    }
});
export default i18n;

语言包配置

export default {
    // 通用
    message: {
        hello: '你好',
        welcome: '欢迎',
        login: '登录',
        loGout: '退出',
        register: '注册',
    }
}

main.js配置

这个步骤一定不能错否则无法读取全局方法

app.use(i18n) //先加载
app.config.globalProperties.t = i18n.global.t; //再挂载
app.mount('#app')