Vue 之 VueCli3+TypeScript+IviewUI组件库+Vuex，实现国际化（即切换语言）

一、版本说明，没有以下中间件记得先安装哈

具体代码开源到github，欢迎star

    "js-cookie": "^2.2.1",
    "view-design": "^4.0.2",
    "vue": "^2.6.10",
    "vue-i18n": "^8.15.0",
    "vue-property-decorator": "^8.3.0",
    "vue-router": "^3.1.3",
    "vuex": "^3.0.1",
    "vuex-class": "^0.3.2",
    "vuex-persistedstate": "^2.7.0",
    "typescript": "~3.5.3"

/**
*  安装方式 
*
*  npm install 中间件名 --save   # 安装到package.json的属性"dependencies"下，
*                                 即生产环境和开发环境，应该是为防止丢包，
*                                 生产环境需要的中间件，最好以此方式安装
*
*  或 npm install 中间件名 --save-dev   # 安装到package.json的属性"devDependencies"下，即开发环境
*/ 
 

 

二、安装中间件 `vue-i18n` ，封装国际化需要的文件

 国际化（组件的 <template> 中，通过 $t() 调用； 组件中 <script> 中，通过 this.$i8n.t() 调用）

npm install vue-i18n --save    # 国际化（组件的 <template> 中，通过 $t() 调用； 组件中 <script> 中，通过 this.$i8n.t() 调用）

---

2.1、封装需要的语言文件，此处只设置了 中文 和 英语，