# hrsass15

**Repository Path**: jack-code-space/hrsass15

## Basic Information

- **Project Name**: hrsass15
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-20
- **Last Updated**: 2021-09-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 语言包要做的事情
1. 安装  npm i vue-i18n@8.22.2
2. 实例化一个 语言包对象、配置、挂载
```js
import Vue from 'vue' // 引入Vue
import VueI18n from 'vue-i18n' // 引入国际化的包
Vue.use(VueI18n) // 全局注册国际化包

let i18n = new VueI18n({
  locale:'zh/en/...', // 语言类型
  messages:{          // 所有语言包内容
    'zh':{
       hello:'你好'
    },
    'en':{
        hello:'hello'
    },
    ...
  }
})

new Vue({
  ...,
  i18n
})
```
3. 使用语言包获取内容
```js
{{ $t('hello') }}
``` 

---
## element-ui 如何集成i18n？
```js
import Vue from 'vue' // 引入Vue 

import ElementUI from 'element-ui' // 导入ElementUI
import 'element-ui/lib/theme-chalk/index.css'   // 导入样式

import VueI18n from 'vue-i18n' // 引入国际化的包
Vue.use(VueI18n) // 全局注册国际化包

// 导入element-ui的语言包
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'

let i18n = new VueI18n({
  locale:'zh/en/...', // 语言类型
  messages:{          // 所有语言包内容
    'zh':{
       hello:'你好',
       ...zhLocale
    },
    'en':{
        hello:'hello',
        ...enLocale
    },
    ...
  }
})

// 安装element-ui 且配置语言包
Vue.use(ElementUI, {
  i18n: (key, value) => i18n.t(key, value)
})

new Vue({
  ...,
  i18n
})
```