一、前言
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">&