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