admin 多语言

1,使用

   1,安装:npm install vue-i18n

   2,1.引入i18n国际化插件:

    import Vue from 'vue'

    import VueI18n from 'vue-i18n'

    Vue.use(VueI18n)

  3,.注册i18n实例并引入语言文件

    const i18n = new VueI18n({ 

     locale: 'zh', // 定义默认语言为中文 

     messages: {   

        'zh': require('@/assets/languages/zh.json'),   

        'en': require('@/assets/languages/en.json') 

      }

  });

  4,将i18n注入到vue实例中

    new Vue({

       el: '#app',

       router,

       i18n,

       components: { App},

       template: '<App/>'

     });

2,示例

  

 

猜你喜欢

转载自www.cnblogs.com/Airoocle/p/12124148.html