如果你有一个项目,需要做出中文和英文两个甚至更多语言支持,或者需要在简体中文和繁体中文之间切换,那么你一定不想让浏览器的默认翻译软件把你的文字翻译的面目全非,如果是这样,你可能就会需要用到国际化了。
vue框架有一个非常方便快捷的插件可以来解决这个问题。能够很方便的做到多语言支持。叫做i18n。
我们从安装开始说:
$ npm install vue-i18n --save
安装这个组件之后,就可以将语言包放在项目里,可以规划一下项目结构,增加一个lang文件夹,将语言包放在里面统一管理。
新建一个index.js,加载中英双语,然后新建en.js,zh.js,用来管理你的语言文件。
有一个容易踩的坑,就是你中英文中的配置必须是相对应的,就是中文有十条内容英文最好也是十条,如果不对应,容易出现切换不成功的问题。最主要的是,这个问题属于不报错,不执行,是最无奈的一款。