Vue下的国际化处理方法


Posted in Javascript onDecember 18, 2017

1:首先安装 Vue-i8n

npm install vue-i18n --save

注:-save-dev是指将包信息添加到devDependencies,表示你开发时依赖的包裹。 -save是指将包信息添加到dependencies,表示你发布时依赖的包裹。

2:在main.js中配置信息

import VueI18n from 'vue-i18n'
import {getCookie} from './common/cookie' //引入一个js文件,使用引入的函数getCookie,根据当前缓存切换语言
Vue.use(VueI18n)
const i18n = new VueI18n({
locale: getCookie('PLAY_LANG','cn-zh'), //根据当前语言切换

messages: {


'cn-zh': require('./language/cn-zh'), //中文语言包


'en-us': require('./language/en-us') //英文语言包

}
})
new Vue({

el: '#app',

i18n, // 不要忘记

router,

template: '<App/>',

components: { App }
})

3:在目录src下新建一个language文件,尽可能与main.js同级存放,添加两个js文件,cn-zh和en-us,存放需要翻译的语言

4:getCookie函数

function getCookie(name,defaultValue) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); //"(^| )" 匹配开头和空格

if (arr = document.cookie.match(reg))


return unescape(arr[2]);

else


return defaultValue;
}
export {

getCookie
}

以上这篇Vue下的国际化处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一个简单的jQuery插件制作 学习过程及实例
Apr 25 Javascript
js substr支持中文截取函数代码(中文是双字节)
Apr 17 Javascript
json格式的时间显示为正常年月日的方法
Sep 08 Javascript
jQuery实现页面顶部显示的进度条效果完整实例
Dec 09 Javascript
深入理解JS DOM事件机制
Aug 06 Javascript
js实现简单的获取验证码按钮效果
Mar 03 Javascript
详解node.js 下载图片的 2 种方式
Mar 02 Javascript
使用JSON格式提交数据到服务端的实例代码
Apr 01 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
详解如何在JS代码中消灭for循环
Dec 11 Javascript
Vue常用的全选/反选的示例代码
Feb 19 Javascript
多页vue应用的单页面打包方法(内含打包模式的应用)
Jun 11 Javascript
webpack多页面开发实践
Dec 18 #Javascript
Vue侧滑菜单组件——DrawerLayout
Dec 18 #Javascript
switchery按钮的使用方法
Dec 18 #Javascript
three.js实现3D影院的原理的代码分析
Dec 18 #Javascript
JS函数节流和函数防抖问题分析
Dec 18 #Javascript
vue 将页面公用的头部组件化的方法
Dec 18 #Javascript
浅谈使用React.setState需要注意的三点
Dec 18 #Javascript
You might like
PHP+Mysql实现多关键字与多字段生成SQL语句的函数
2014/11/05 PHP
php rsa加密解密使用详解
2015/01/14 PHP
php面向对象之反射功能与用法分析
2017/03/29 PHP
php经典趣味算法实例代码
2020/01/21 PHP
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
2013/04/17 Javascript
js导入导出excel(实例代码)
2013/11/25 Javascript
jQuery异步加载数据并添加事件示例
2014/08/24 Javascript
AngularJS 执行流程详细介绍
2016/08/18 Javascript
xtemplate node.js 的使用方法实例解析
2016/08/22 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
2016/10/29 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
2016/12/29 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
2017/04/13 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
2017/12/04 Javascript
vue2 中二级路由高亮问题及配置方法
2019/06/10 Javascript
JS轮播图的实现方法2
2020/08/25 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
Python基于TCP实现会聊天的小机器人功能示例
2018/04/09 Python
Django项目中用JS实现加载子页面并传值的方法
2018/05/28 Python
pyinstaller打包程序exe踩过的坑
2019/11/19 Python
Tensorflow分批量读取数据教程
2020/02/07 Python
Python自动巡检H3C交换机实现过程解析
2020/08/14 Python
详解Python中list[::-1]的几种用法
2020/11/16 Python
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
canvas压缩图片以及卡片制作的方法示例
2018/12/04 HTML / CSS
汉森批发:Hansen Wholesale
2018/05/24 全球购物
Vector, ArrayList, HashTable, HashMap哪些是线程安全的,哪些不是
2015/10/12 面试题
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
UNIX文件名称有什么规定
2013/03/25 面试题
生物科学系大学生的自我评价
2013/12/20 职场文书
学校德育工作总结2015
2015/05/11 职场文书
Django如何创作一个简单的最小程序
2021/05/12 Python
Go语言实现Base64、Base58编码与解码
2021/07/26 Golang
python超详细实现完整学生成绩管理系统
2022/03/17 Python
Java 定时任务技术趋势简介
2022/05/04 Java/Android