前端中英文轉換


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