vue-i18n

安装

npm install vue-i18n

初始化

import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

const messages = {
    zh: {
      message: {
        hello: '好好学习，天天向上！'
      }
    },
    en: {
      message: {
        hello: 'good good study, day day up!'
      }
    }
}

const i18n = new VueI18n({
    locale: 'en', // 语言标识
    messages
})

const app = new Vue({
    router,
    i18n,
    ...App
}).$mount('#app')

<div id="app">
    <h1 style="font-size: 16px; text-align: center;">{{ $t("message.hello") }}</h1>
</div>

切换语言

const i18n = new VueI18n({
    locale: 'en', // 语言标识
    messages
})
const app = new Vue({
    router,
    i18n,
    ...App
}).$mount('#app')

i18n.locale = 'zh'
// 或
app.$i18n.locale = 'zh'