vue多語言外掛程式vue i18n

2021-10-23 22:32:57 字數 915 閱讀 7501

安裝vue-i18n

npm install vue-i18n -s

使用

1.在main.js中引入vue-i18n

import vuei18n from 'vue-i18n'

vue.

use(vuei18n)

2.vue-i18n初始化
const i18n =

newvuei18n

()

3.vue-i18n掛載到vue例項
new

vue(

)

4.定義語言檔案,使用
const messages =},

//英文

en:},

// 正體中文

tw:}}

}<

/h1>

computed:

}

5.切換語言

切換英文

this

.$i18n.locale =

'en'

6.單獨定義語言檔案 並載入到vue-i18n初始化中
// cn.js

export default

}// en.js

export default

}import cnlang from './lang/cn.js'

import enlang from './lang/en.js'

const i18n =

newvuei18n(}

)

引用來自文章

vue專案支援多語言 vue i18n

vue i18n 是乙個vue外掛程式,主要作用就是讓專案支援國際化多語言。首先我們引入這個外掛程式 import vue from vue import vue18n from vue i18n vue.use vuei18n vue外掛程式的使用方法,通過全域性方法vue.use 使用外掛程式。...

vue i18n多語言國際化

專案中需要自定義切換中 英文,基於vue.js,結合vue i18n,elementui,以下是使用方法。vue.js vue i18n國際化 先不使用elementui,就簡單的vue.js vue i18n使用方法 在main.js同級建i18n新資料夾,裡面新建i18n.js langs資料夾...

vue i18n 用法及外掛程式值

npm install vue i18n import vuei18n from vue i18n importlangenfrom static en importlangzhchsfrom static zhchs vue.use vuei18n consti18n newvuei18n new...