起步
1.安裝
npm install vue-i18n
2.創(chuàng)建i18n.js
i18n.js
import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
export const i18n = new VueI18n({
locale: 'CN',//默認(rèn)顯示語(yǔ)言
messages: {
'CN': require('語(yǔ)言包·資源路徑'),
'EN': require('語(yǔ)言包·資源路徑')
}
})
3.main.js中引入
main.js
import Vue from 'vue'
import App from './App'
import router from './router'
import { i18n } from './i18n'
Vue.config.productionTip = false
new Vue({
el: '#app',
i18n,
router,
components: { App },
template: '<App/>'
})
4.使用
示例(模板字符串中使用)
<span>{{ $t("語(yǔ)言包內(nèi)定義的對(duì)象名.文案對(duì)應(yīng)的屬性名") }}</span>
