i18n国际化:实现同网页多语言

如果你有一个项目,需要做出中文和英文两个甚至更多语言支持,或者需要在简体中文和繁体中文之间切换,那么你一定不想让浏览器的默认翻译软件把你的文字翻译的面目全非,如果是这样,你可能就会需要用到国际化了。

vue框架有一个非常方便快捷的插件可以来解决这个问题。能够很方便的做到多语言支持。叫做i18n。
我们从安装开始说:

$ npm install vue-i18n --save

安装这个组件之后,就可以将语言包放在项目里,可以规划一下项目结构,增加一个lang文件夹,将语言包放在里面统一管理。
新建一个index.js,加载中英双语,然后新建en.js,zh.js,用来管理你的语言文件。

有一个容易踩的坑,就是你中英文中的配置必须是相对应的,就是中文有十条内容英文最好也是十条,如果不对应,容易出现切换不成功的问题。最主要的是,这个问题属于不报错,不执行,是最无奈的一款。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 如看着不方便 看博客 :https://mp.csdn.net/postedit/82658916 推荐文章 ht...
    丶温瞳阅读 5,845评论 0 4
  • 在vue项目中需要用到多语言,然后百度了一些前辈的文章,都是推荐用i18n。所以我也在这里写一写我自己的总结。 安...
    翔阿翔阿翔阅读 1,373评论 10 8
  • 草高过太阳 光高过地上的一切 鸟息于木 天地之间如此的空 没有一丝缝隙 风只在心底劲吹 树叶栖在树上,不动 蝉歌如...
    大小周阅读 487评论 5 16
  • 还是很难过呀,真的就不见了。s市冷成了一个冰箱,我觉得自己好像是被装进冰箱的大象,笨重的身体蜷缩着忍受来自四面八方...
    走丢了的果果阅读 281评论 0 0