vue（+Element）项目用vue-i18n实现国际化

一、前言

vue+element开发的项目实现国际化还是比较简单的，特别是对于前后端完全分离的项目。基于Node构建的Vue项目是有成熟的方案：vue + vue-i18n。但是其中还是有值得留意的点，特别是对于第一次实现国际化的童鞋。

二、demo效果展示

1、在首页选择语种实现语种切换

2、内容页的中文效果

3、内容页的英文效果

三、前端实现国际化

1、安装vue-i18n

我的项目是基于vue开发的，首先需要安装vue-i18n，推荐使用cnpm（npm也可以，不过可能会比较慢）安装。输入命令：

npm install vue-i18n

当然也可以采取最简单粗暴的方式：

<script src="https://unpkg.com/vue/dist/vue.js">&