日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

vue實(shí)踐---vue不依賴外部資源實(shí)現(xiàn)簡(jiǎn)單多語(yǔ)操作

瀏覽:102日期:2022-11-20 08:26:43

vue使用多語(yǔ),最常見的就是 vue-i18n, 但是如果開發(fā)中的多語(yǔ)很少,比如就不到10個(gè)多語(yǔ),這樣就沒必要引入vue-i18n了, 引入了反正導(dǎo)致代碼體積大了,這時(shí)候單純用vue實(shí)現(xiàn)多語(yǔ)就是比較好的選擇。

第一步

首先建立一個(gè)locales.js 存放多語(yǔ)語(yǔ)言包的內(nèi)容,這里只寫了 zh-CN, en這兩種語(yǔ)言,其他還想新增的話 方法一樣,代碼如下:

export default { ’zh-CN’: { name: ’我是中文名字’ }, ’en’: { name: ’I am English name’ } }

第二步

通過(guò)瀏覽器的語(yǔ)言環(huán)境,獲取對(duì)應(yīng)的語(yǔ)言包,并吧語(yǔ)言包值付給 data 中的 locales

data () { return { locales: (() => {// this.lang是父組件傳遞過(guò)來(lái)的, 這里的意思就是lang 優(yōu)先使用父組件傳遞的語(yǔ)言,如果沒有傳遞,就使用瀏覽器的語(yǔ)言(navigator.language)const lang = this.lang || navigator.language let useLang = /^zh/.test(lang) ? ’zh-CN’ : /^en/.test(lang) ? ’en’ : lang // Object.keys 獲取可枚舉的屬性 如果瀏覽器的語(yǔ)言不是英語(yǔ) 中文, 而且傳遞的lang參數(shù)也不是這兩種之一,就默認(rèn)使用 zh-CN if (!Object.keys(locales).includes(useLang)) useLang = ’zh-CN’ return locales[useLang] })(), } },

這個(gè)locales最終返回的是一個(gè)對(duì)象,比如,如果是中文環(huán)境,返回的數(shù)據(jù)如下:

{ name: ’我是中文名字’}

第三步

既然語(yǔ)言包都獲取到了,還剩一個(gè)從語(yǔ)言包里面 獲取對(duì)應(yīng)key的方法:

methods: { $_t (key) { // this.locales就是上面那個(gè)對(duì)象 let localeStr = this.locales[key] return localeStr } }

通過(guò)$_t這個(gè)方法,傳入key,就可以獲取到對(duì)應(yīng)的value

總結(jié)&優(yōu)化:

這樣就實(shí)現(xiàn)了不用依賴vue-i18n這樣的外部依賴,只使用vue就實(shí)現(xiàn)了多語(yǔ);

$_t 這個(gè)方法可以放到 mixins 里面就避免了每次都要引入這個(gè)方法。

具體代碼看這里: https://github.com/YalongYan/vue-practice/tree/master/vue-simple-multilingual

補(bǔ)充知識(shí):vue-cli 打包(npm run build) 出現(xiàn) ERROR in xx..js from UglifyJs Unexpected token: punc (()

之前打包還沒問(wèn)題,這次就報(bào)錯(cuò)了,后來(lái)發(fā)現(xiàn)原來(lái)是少了 .babelrc 文件, 網(wǎng)上找了好多方法都不行,后來(lái)看了之前的項(xiàng)目,原來(lái)是少了 .babelrc 文件, 只要在根目錄下建立這個(gè)文件, 文件內(nèi)容如下:

{ 'presets': [ ['env', { 'modules': false }], 'stage-3' ]}

文件位置看下圖:

vue實(shí)踐---vue不依賴外部資源實(shí)現(xiàn)簡(jiǎn)單多語(yǔ)操作

以上這篇vue實(shí)踐---vue不依賴外部資源實(shí)現(xiàn)簡(jiǎn)單多語(yǔ)操作就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
日韩欧美中文字幕电影| 国产一区视频在线观看免费| 日韩精品乱码av一区二区| 欧美中文高清| 日韩国产在线不卡视频| 麻豆久久精品| 亚洲三级毛片| 免费人成在线不卡| 最近国产精品视频| 欧美一区二区三区久久精品| 欧美精品国产白浆久久久久| 7777精品| 成人三级高清视频在线看| 性感美女一区二区在线观看| 亚洲不卡av不卡一区二区| 久久天堂精品| 亚洲欧美日韩精品一区二区| 蜜桃成人av| 亚洲中字黄色| 精品91久久久久| 中文字幕av一区二区三区人| 国产在线不卡一区二区三区| 欧美黑人做爰爽爽爽| 亚洲欧美日韩综合国产aⅴ| 国产伦久视频在线观看| 日韩福利视频网| 亚洲一区二区免费在线观看| 国产高清一区| 国产videos久久| 日韩激情啪啪| 成人午夜精品| 国际精品欧美精品| 日韩精品久久理论片| 久久精品青草| 狠狠久久伊人中文字幕| 日韩一区二区三区高清在线观看| 国产欧美丝祙| 亚洲精品99| 视频一区中文字幕精品| 精品欠久久久中文字幕加勒比| 丰满少妇一区| 91亚洲成人| 精品一区二区三区中文字幕视频| 亚洲乱码一区| 国产视频网站一区二区三区| 日韩在线观看中文字幕| 中文一区在线| 91视频一区| 久久久国产精品入口麻豆 | 一本色道精品久久一区二区三区| 免费视频一区二区三区在线观看| 久久国产精品亚洲77777| 欧美性感美女一区二区| 亚洲综合小说| 麻豆成人在线观看| 视频一区二区三区入口| 在线观看精品| 在线观看视频免费一区二区三区| 男人的天堂久久精品| 欧美中文高清| 日本一区中文字幕| 91青青国产在线观看精品| 精品在线网站观看| 欧美在线亚洲| 少妇精品久久久| 欧美自拍一区| 日韩综合精品| 久久精品播放| 国产高清久久| 日韩av黄色在线| 韩国久久久久久| 免费观看久久久4p| 国产一区二区三区久久| 麻豆精品国产91久久久久久| 日韩高清不卡| 神马日本精品| 日本 国产 欧美色综合| 欧美a级一区| 精品一区二区男人吃奶 | 国产精品嫩草影院在线看| 成人免费电影网址| 久久人人88| 亚洲精品免费观看| 高清一区二区| 国产日韩欧美一区二区三区| 久久影院一区| 国产视频一区三区| 国产亚洲精aa在线看| 亚洲日本在线观看视频| 国语对白精品一区二区| 国产精品www.| 中文字幕一区二区三区在线视频| 日韩精品专区| 成人精品视频| 国产成人精品一区二区免费看京 | 成人亚洲一区二区| 欧美成人精品午夜一区二区| 成年男女免费视频网站不卡| 日韩在线a电影| 国产精品老牛| 最新亚洲激情| 免费国产自线拍一欧美视频| 日韩高清不卡| 性感美女一区二区在线观看| 日韩久久精品| 欧美 日韩 国产精品免费观看| 日本黄色精品| 国产99久久| 国产视频一区欧美| 久久精品主播| 日韩精品高清不卡| 国产欧美一区二区精品久久久 | 亚洲小说欧美另类婷婷| 久久性天堂网| 青草综合视频| 成人免费电影网址| 日韩成人精品一区二区三区| 欧美一级网址| 日产精品一区| 国产亚洲电影| 亚洲天堂免费电影| 欧美jjzz| 麻豆国产一区| 99久久99久久精品国产片果冰 | 夜夜精品视频| 国产美女精品视频免费播放软件| 欧美日韩亚洲一区二区三区在线| 欧美日韩国产在线一区| sm久久捆绑调教精品一区| 国产精品日韩久久久| 中国女人久久久| 国产色噜噜噜91在线精品| 久久精品国产99| 精品国产一区二| 亚洲精品小说| 老牛影视一区二区三区| 久久99伊人| 国产精品成人a在线观看| 日韩一区二区三区免费| 日韩激情精品| 久久香蕉国产| 久久天堂影院| 狠狠久久婷婷| 精品视频黄色| 欧美激情 亚洲a∨综合| 欧美aa在线观看| 日韩精品视频网站| 99久久www免费| 国产精品色婷婷在线观看| 久久久一二三| 黄色成人精品网站| 久久精品毛片| 亚洲aⅴ网站| 婷婷亚洲五月色综合| 亚洲精品乱码久久久久久蜜桃麻豆| 国产一区二区视频在线看| 精品视频网站| 欧美成人a交片免费看| 麻豆传媒一区二区三区| 国产欧美一区二区三区国产幕精品| 日韩有吗在线观看| 日韩一区二区久久| 亚洲伊人精品酒店| 99精品视频在线观看免费播放| 高清一区二区三区av| 国内在线观看一区二区三区| 麻豆视频一区二区| 精品久久美女| 成人国产精品久久| 国产美女亚洲精品7777 | 日本a级不卡| 精品精品国产三级a∨在线| 日韩在线综合| 在线亚洲激情| 亚洲人成在线影院| 黄色欧美在线| 青青草91久久久久久久久| 久久精品五月| 日韩专区精品| 日韩成人亚洲| 欧美日韩激情| 婷婷成人av| 国产精品久久久久av蜜臀| 国产在线观看www| 欧洲毛片在线视频免费观看| 亚洲精品第一| 日韩精品欧美激情一区二区| 国产伦精品一区二区三区千人斩| 国产欧美午夜| 尤物精品在线| 国产九九精品| 亚洲国产福利| 国产精品一区三区在线观看| 日韩精品免费观看视频| 国产福利资源一区| 日韩精品第二页| 日本午夜大片a在线观看| 精品一区91| 久久99伊人| 精品一区二区三区中文字幕视频 |