vue 3.0实现中英文语言切换

//"vue-i18n": "^9.0.0-beta.17",

//main.js
//中英文语言切换相关
import { createI18n } from 'vue-i18n'
const i18n = createI18n({
    locale: getLanguageType(), // 获取当前的语言标识
    messages: {
        'zh': require('./assets/lang/zh'),
        'en': require('./assets/lang/en')
    }
})
function getLanguageType() {
    var lang = localStorage.getItem('lang')
    var langCount = 0
    if (lang) {
        langCount = lang == 'zh' ? 1 : 2
    } else {
        var type = navigator.appName;
        if (type == "Netscape") {
            lang = navigator.language;//获取浏览器配置语言，支持非IE浏览器
        } else {
            lang = navigator.userLanguage;//获取浏览器配置语言，支持IE5+ == navigator.systemLanguage
        }
        lang = lang.substr(0, 2);//获取浏览器配置语言前两位
        if (lang == "zh") {
            lang = "zh"
            langCount = 1
        } else {
            lang = "en"
            langCount = 2
        }
    }
    localStorage.setItem('lang', lang)
    localStorage.setItem('langCount', langCount)
    return lang
}

//app.use(i18n)

//页面中使用
 <div class="title">{{$t("wallet.title")}}</div>
//js代码中使用
import { onMounted, reactive, ref, getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
proxy.$t("tips.uploadTips")

vue 2.0 使用：https://www.cnblogs.com/hpx2020/p/9684825.html