记录一下vue如何利用vue-i18n实现实现国际化的经验(中英文切换)

本文记录了使用vue-i18n实现移动端Vue项目国际化的详细步骤,包括安装插件、配置main.js、创建语言文件(en.js和zh.js),以及在组件中应用和切换中英文的方法。通过这个教程,开发者可以了解如何为Vue应用添加国际化功能。
摘要由CSDN通过智能技术生成

手机端运用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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值