起步
1.安装
npm install vue-i18n
2.创建i18n.js
i18n.js
import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
export const i18n = new VueI18n({
locale: 'CN',//默认显示语言
messages: {
'CN': require('语言包·资源路径'),
'EN': require('语言包·资源路径')
}
})
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("语言包内定义的对象名.文案对应的属性名") }}</span>
