vue-i18n（須要從新閱讀）

• 文檔更新了需從新整理，http://kazupon.github.io/vue-i18n/zh/introduction.html

  安裝

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'