Vue下的国际化处理方法
1：首先安装Vue-i8n
npminstallvue-i18n--save
注：-save-dev是指将包信息添加到devDependencies，表示你开发时依赖的包裹。-save是指将包信息添加到dependencies，表示你发布时依赖的包裹。
2：在main.js中配置信息
importVueI18nfrom'vue-i18n'
import{getCookie}from'./common/cookie'//引入一个js文件，使用引入的函数getCookie，根据当前缓存切换语言
Vue.use(VueI18n)
consti18n=newVueI18n({
locale:getCookie('PLAY_LANG','cn-zh'),//根据当前语言切换
messages:{
'cn-zh':require('./language/cn-zh'),//中文语言包
'en-us':require('./language/en-us')//英文语言包
}
})
newVue({
el:'#app',
i18n,//不要忘记
router,
template:'
3：在目录src下新建一个language文件，尽可能与main.js同级存放，添加两个js文件，cn-zh和en-us，存放需要翻译的语言
4：getCookie函数
functiongetCookie(name,defaultValue){
vararr,reg=newRegExp("(^|)"+name+"=([^;]*)(;|$)");//"(^|)"匹配开头和空格
if(arr=document.cookie.match(reg))
returnunescape(arr[2]);
else
returndefaultValue;
}
export{
getCookie
}
以上这篇Vue下的国际化处理方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
7 简短的二胎祝福语
10 简短霸气女儿生日 祝福语
11 祝福语高考小众诗句简短
12 元旦祝福语20秒简短
13 老师过年祝福语大全 简短
14 一生祝福语简短
15 产检祝福语简短霸气
16 朋友店开张祝福语简短
17 生日爱情祝福语大全简短
18 朋友女儿生日祝福语 简短