原文:分享一個自己寫的vue多語言插件smart-vue-i18n

前言 目前有比較成熟的方案 vue i n 了解了下,並且實用了一下感覺對於我在使用的項目來說略顯臃腫,功能比較多,所以壓縮的會比較大,在移動端不太適合所以自己花一天時間擼了一個vue多語言插件,壓縮后大小不超過 kb 使用方法 通過Vue.js公開方法install安裝,參數 lang 為初始化默認語言,參數 messages 為初始語言庫,也可以在組件中新增多語言,語言庫格式參照其他開源的國際 ...

2019-04-05 13:55 0 582 推薦指數:

查看詳情

工作筆記八——vue項目的多語言/國際化插件vue-i18n詳解

一個月的時間都在忙離職和入職的事情,git上面的項目這幾天才開始重新維護。修復了之前的幾個issue,又加了幾個新的功能組件的應用。今天剛好下午得空,覺得新項目會用到vue的國際化多語言,所以把vue-i18n這個組件的文檔過了一遍,總結了一下,寫了個小demo包含了基本上項目常用的需求,供參考 ...

Sun Jun 24 19:51:00 CST 2018 0 849
vue項目支持多語言(vue-i18n)

引入vue-i18n vue-i18n一個vue插件,主要作用就是讓項目支持國際化多語言。首先我們引入這個插件vue插件的使用方法,通過全局方法Vue.use()使用插件插件通常會為Vue添加全局功能。插件的范圍沒有限制-一般有下面幾種:添加全局方法或者屬性;添加 ...

Fri May 01 00:35:00 CST 2020 0 1589
vue支持多語言項目 vue-i18n

Vue I18nVue.js 的國際化插件,可以輕松地將一些本地化功能集成到 Vue.js 應用程序中。 此篇文章主要了解:國際化多語言 首先,vue-i18n作為依賴安裝 在入口文件main.js中,引用vue-i18n並配置內容 ...

Thu Aug 08 23:17:00 CST 2019 0 789
vue3 和 vue2 對於使用多語言i18n的區別

1.vue3 的使用,需要安裝最新版的i18n,安裝一般在"^9.1.9" 2.在使用之前需要先創建語言的文件夾,並將其導出,例如 langs可以放入你想要變化的任何語言,不止中文和英文,文件的內容JSON文件就是需要前面的變量相同,后面的值就是你當前語言的值 ...

Fri Mar 18 23:41:00 CST 2022 0 1185
vue項目使用vue-i18n和iView切換多語言

效果圖: 當然,如果使用iview組件,組件也會對應切換語言。 這里,假設已經用vue-cli腳手架創建了項目,熟悉vue-router,而且已經引入了iview UI。 第一步: 我們在main.js引入vue-i18n 在main.js目錄下新建一個language ...

Fri Nov 23 02:26:00 CST 2018 0 3919
vue 多語言 vue-i18n 按需加載,異步調用

http://kazupon.github.io/vue-i18n/zh/guide/lazy-loading.html 一次加載所有翻譯文件是過度和不必要的。 因為可能一直用中文,那么就不會用到英文的數據,就沒必要去加載。只在請求的時候去加載它 1.新建i18n ...

Wed Mar 04 21:51:00 CST 2020 0 2424
VUE+webpack+npm+elementUI項目中的多語言vue-i18n@8.x

一、vue-i18n@8.x安裝 二、引入vue-i18n@8.x 三、引入使用的組件語言包(如:elementUI) 四、創建自定義語言包,與組件語言包合並 五、創建VueI18n instance ...

Fri Jul 06 20:08:00 CST 2018 0 1064
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM