vue.js国际化 vue-i18n插件的使用详解


Posted in Javascript onJuly 07, 2017

安装方法

1.使用CDN直接引用

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>

2.NPM

$ npm install vue-i18n

3.Yarn

$ yarn add vue-i18n

使用方法

在这里只介绍vue的使用方法

<script>
/* 国际化使用规则 */
import Vue from 'vue'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

const messages = {
 en: {
  message: {
   hello: 'world hello'
  }
 },
 zh: {
  message: {
   hello: '世界'
  }
 }
}

const i18n = new VueI18n({
 locale: 'zh',
 messages
})

export default {
 data () {
  return {
   hello: this.$t('message.hello')
  }
 },
 i18n
}

</script>

HTML

<div id="#app">
 <p>{{ $t("message.hello") }}</p>
</div>

vue-i18n插件使用参考文档

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript下查找父节点的简单方法
Aug 13 Javascript
JS 分号引起的一段调试问题
Jun 18 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
Aug 10 Javascript
深入理解angularjs过滤器
May 25 Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 Javascript
详解基于webpack搭建react运行环境
Jun 01 Javascript
Vue中建立全局引用或者全局命令的方法
Aug 21 Javascript
vue微信分享 vue实现当前页面分享其他页面
Dec 02 Javascript
layui 上传图片 返回图片地址的方法
Sep 26 Javascript
vue实现表单录入小案例
Sep 27 Javascript
React Fragment介绍与使用详解
Nov 11 Javascript
Vue router配置与使用分析讲解
Dec 24 Vue.js
javascript ES6 新增了let命令使用介绍
Jul 07 #Javascript
微信小程序之绑定点击事件实例详解
Jul 07 #Javascript
分享19个JavaScript 有用的简写写法
Jul 07 #Javascript
Vue.js数据绑定之data属性
Jul 07 #Javascript
js实现从左向右滑动式轮播图效果
Jul 07 #Javascript
JavaScript实现图片无缝滚动效果
Jul 07 #Javascript
详解在Vue中如何使用axios跨域访问数据
Jul 07 #Javascript
You might like
PHP配置文件中最常用四个ini函数
2007/03/19 PHP
优化使用mysql存储session的php代码
2008/01/10 PHP
php对关联数组循环遍历的实现方法
2015/03/13 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
PHP中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
jQuery Div中加载其他页面的实现代码
2009/02/27 Javascript
javascript 表格内容排序 简单操作示例代码
2014/01/03 Javascript
javascript实现无限级select联动菜单
2015/01/02 Javascript
Function.prototype.apply()与Function.prototype.call()小结
2016/04/27 Javascript
基于jQuery实现点击列表加载更多效果
2016/05/31 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
vue.js指令v-for使用及索引获取
2016/11/03 Javascript
JS中如何实现复选框全选功能
2016/12/19 Javascript
Vue数据驱动模拟实现4
2017/01/12 Javascript
requirejs按需加载angularjs文件实例
2017/06/08 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
2017/08/15 Javascript
setTimeout时间设置为0详细解析
2018/03/13 Javascript
图片文字识别(OCR)插件Ocrad.js教程
2018/11/26 Javascript
vue中v-show和v-if的异同及v-show用法
2019/06/06 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
[02:03]《现实生活中的DOTA2》—林书豪&DOTA2职业选手出演短片
2015/08/18 DOTA
python快速排序代码实例
2013/11/21 Python
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
2016/02/18 Python
Python过滤txt文件内重复内容的方法
2018/10/21 Python
django实现支付宝支付实例讲解
2019/10/17 Python
使用Python求解带约束的最优化问题详解
2020/02/11 Python
使用python画出逻辑斯蒂映射(logistic map)中的分叉图案例
2020/12/11 Python
优秀广告词大全
2014/03/19 职场文书
护理专科毕业自荐信范文
2014/04/21 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
佛光寺导游词
2015/02/10 职场文书
大学生受助感言
2015/08/01 职场文书
信息技术远程培训心得体会
2016/01/09 职场文书
公司与个人合作协议书
2016/03/19 职场文书
导游词之丹东鸭绿江
2019/10/24 职场文书
Python中OpenCV实现简单车牌字符切割
2021/06/11 Python