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.使用

{{ $t('navbar.contact') }}

7.完美解决

你可能感兴趣的:(vue 国际化 i18n)