vue2中translate
时间: 2023-11-15 12:54:50 浏览: 139
vue2.0 实现翻译的小案例
在Vue2中,translate不是Vue的内置方法,需要使用第三方库来实现国际化。常用的库有vue-i18n和vuex-i18n。其中vue-i18n是一个专门用于Vue.js的国际化插件,支持多种语言切换、动态语言切换、基于Vue组件的翻译和格式化等功能。
下面是一个简单的使用vue-i18n实现国际化的示例:
1. 引入vue-i18n
```
import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
```
2. 定义翻译文件
```
// en.js
export default {
message: {
hello: 'Hello, world!'
}
}
// zh-CN.js
export default {
message: {
hello: '你好,世界!'
}
}
```
3. 创建vue-i18n实例
```
const i18n = new VueI18n({
locale: 'en', // 设置默认语言
messages: {
en: require('./en'),
'zh-CN': require('./zh-CN')
}
})
```
4. 在组件中使用翻译
```
<template>
<div>{{ $t('message.hello') }}</div>
</template>
<script>
export default {
// ...
}
</script>
```*** 如何在Vue组件中动态切换语言?
2. 如何在Vue项目中使用vuex-i18n进行国际化?
3. vue-i18n支持哪些格式化选项?
阅读全文