手机端运用vue要做国际化,作为小白,记录一下,有可能使用的不对,拜托请指出来,谢谢,共同进步
步骤一:安装vue-i18n
npm install vue-i18n --save
步骤二:main.js文件的配置,在main.js中添加以下跟vue-i18n的使用有关的配置项
step1, 引入i18n国际化插件
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
step2,注册i18n实例并引入语言文件,
const i18n = new VueI18n({
locale:'zh',//语言标识,默认为中文
messages:{
'zh':require('./common/lang/zh'),
'en':require('./common/lang/en')
}
})
step3,将i18n注入到vue实例中
new Vue({
router,
store,
i18n,
data () {
return {
isIOSEnvironment: false,
}
}
}).$mount("#weixin")
以上3步是在main.js里操作的,其中zh和e