前端中英文转换


1.准备中英文2份数据

1.1 一般我们把这2份中英文数据放在
    assets-->lang-->cn.js
    assets-->lang-->en.js
1.2 然后把这2个文件在main.js里面引入    
   import VueI18n from 'vue-i18n' (先安装这个包,然后引入)
  
import cn from './assets/lang/cn.js'
import en from './assets/lang/en.js'

2.安装

  2.1使用下面的任意一个命令安装

    npm install  vue-i18n --save

    cnpm install vue-i18n --save(淘宝镜像安装)

  2.2 检查是否安装成功---去package.json里面检查

  2.3 然后在main.js里面,引入

    import VueI18n from 'vue-i18n'

   Vue.use(VueI18n)

    const i18n = new VueI18n({

   locale: 'en', // 设置语言    messages: {   cn: { ...cn },   en: { ...en },      }   });
  
new Vue({
  el: '#app',
  router,
  i18n,
  components: { App },
  template: '<App/>'
})
 

3.简单粗暴用一下

 欢迎大家指出有误的地方!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM