vue项目实现多语言功能

最近项目需要做一个国际版，多种语言切换功能。
有同事提出可以分别分开做几个项目，然后分别打包。
但是我认为这种方式弊大于利。
首先，弊端是难以同步管理。项目的功能80%以上都是相同的，分开几个项目，意味着有新的需求时，在每个项目里进行一次再开发，同时有bug时，也是几个地方进行修改。
第二，优点不明显。页面中静态文字是固定的，并不是会常更改。通常情况下 ，只要配置一次。如果有修改，也只需要在配置文件中修改一下即可，并不会耗费很多时间和精力。
下面说说，如何做成配置项，进行引入。

一、安装语言配置包

安装vue-i18n包

npm

npm i vue-i18n

yarn

yarn add vue-i18n

二、搭建配置文件

在根目录创建一个i18n文件夹
创建一个index.js文件

import Vue from "vue";
import VueI18n from "vue-i18n";
Vue.use(VueI18n);

// 以下为语言包单独设置的场景，单独设置时语言