主要用于网站国际化,开发可以切换多语言的网站

1,安装

npm install vue-i8n

2,在main.js中引入和注册

import VueI18n from 'vue-i18n'
import cn from './lang/cn.js'
import en from './lang/en.js' Vue.use(VueI18n) //实例化
const i18n = new VueI18n({
locale:'cn', //默认语言
message:{ //引用语言包
cn:cn,
en:en
}
}) const app = new Vue({
router,
i18n, //挂到vue上
...App
}).$mount('#app')

语言包就是单独建一个js文件,用来放一种语言的数据,例如:

//cn.js

export default {
titile:'标题'
} //en.js
export default {
titile:'title'
} //在页面上使用
<template>
<div>{{$t('title')}}</div> //必须用$t(),才能访问到,还有值必须为字符串
</template>

切换语言就是改变locale的值就行,在组件中可以用this.$i18n.locale来改变对应的语言

最新文章

  1. 最详细的网站改版SEO优化指南:如何让排名不降反升
  2. PowerDesigner的使用二
  3. hibernate spring annotation setup
  4. ubuntu13.04 Thinkpad W520安装nvidia显卡驱动
  5. ORACLE CASE WHEN 及 SELECT CASE WHEN的使用方法
  6. div的优缺点
  7. {网络编程}和{多线程}应用:基于TCP协议【实现多个客户端发送文件给一个服务器端】--练习
  8. 【转】Delphi XE10 Android Splash设备自适应和沉浸式状态条
  9. mysql性能分析show profile/show profiles
  10. maven 添加jar到中央/远程仓库
  11. Github ——转
  12. OpenGL12-shader(GLSL)着色语言1(代码已上传)
  13. Java类(继承)初始化顺序
  14. 如何创建一个基于Node的HTTP服务器
  15. DBUtils结果集处理器介绍
  16. Excel小技巧整理(持续更新)
  17. Dev C++支持ISOC++11标准
  18. python的bif介绍
  19. Selenium2学习(八)-- 操作元素(键盘和鼠标事件)
  20. HDFS分布式集群

热门文章

  1. WPF 实现 TextBox 只能输入数字并且不能使用拷贝功能
  2. Python全栈开发:json与pickle
  3. 【daydayup】ceshuChat
  4. 常见的React面试题
  5. 关于公式文件.eqn
  6. Java-JPA:JPA
  7. spring boot 监听容器启动
  8. linux下安装rabbitmq 集群
  9. 使用Windows任务计划程序和Python备份Mysql数据库
  10. matlab 实现感知机线性二分类算法(Perceptron)