前端中英文转换

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.简单粗暴用一下

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

posted on 2022-03-29 13:53  匹诺曹呀  阅读(1853)  评论(1)    收藏  举报