实现国际化,和国际化组件封装

vue-i18n使用

使用

• 1：安装    yarn add vue-i18n
  2:导入
      src/lang/index.js
      import VueI18n from 'vue-i18n'
  3:注册
    import Vue from 'vue'
    Vue.use(VueI18n)
  4:实例化
    const  i18n=new VueI18n({
        locale:'当前语言的标识'，   // en:英文  zh:中文
        messages:{
           //  语言包
           en:{
               home:'home'
           },
           zh:{
               home:'首页'
           }
        }
    })
   5暴露出去  export default i18n
   6:挂载到main.js
     import i18n from '@/lang'
     new Vue({
         i18n
     })
  ​
  使用：
      <div>{
     {$t('home')}}</home>
      this.$i18n.locale能获取与设置当前语言
   在js文件中使用国际化
       import i18n from '@/lang'
       i18n.t===this.$t

国际化与elementui的结合使用