vue-cli实现中英文切换,i18n插件使用

1.npm安装:npm install vue-i18n --save

2.在mian.js  引入

 

impor i18n from './i18n/i18n'

Vue.use(i18n)

new Vue({

   i18n,

})

3.在src目录下,创建一下目录结构:

vue-cli实现中英文切换,i18n插件使用

i18n.js

vue-cli实现中英文切换,i18n插件使用

cn.js

vue-cli实现中英文切换,i18n插件使用

en.js

vue-cli实现中英文切换,i18n插件使用

index.js

vue-cli实现中英文切换,i18n插件使用

在组件中改变切换语言

this.$i18n.locale = e      //e是en或者cn

localStorage.setItem('lang', e)

在html中使用     {{$t("en或者cn中对应的值")}}

在组件中使用     $t("en或者cn中对应的值")

在data中使用 this.$t("en或者cn中对应的值")