vue 国际化 i18n

1.cnpm install vue-i18n

2.在src下创建lang文件夹及en.js、zh.js、index.js文件夹

3.index.js引入vue、vue-i18n

4.main.js引入lang文件夹

import i18nfrom './lang'

Vue.use(i18n)

new Vue({

el:'#app',

  i18n,

})

5.zh.js和en.js文件


zh.js
en.js

6.使用

<h1>{{ $t('navbar.contact') }}</h1>

7.完美解决

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容