vue-i18n使用

起步

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>