Skip to content

[vue] 你有使用过vue开发多语言项目吗?说说你的做法? #559

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

[vue] 你有使用过vue开发多语言项目吗?说说你的做法?

Activity

soyomo

soyomo commented on Jul 2, 2019

@soyomo

什么是多语言项目?

2256184693

2256184693 commented on Jul 2, 2019

@2256184693

国际化?i18n

YuYanDev

YuYanDev commented on Jul 5, 2019

@YuYanDev

我个人网站的多语言是用vuex实现的,所有语言对于信息都命名,存在后端,由restful接口返回,在切换语言时触发dispatch,调用接口,在所有页面里mapState拿到语言配置,渲染上去

i18n没耍过

encountermm

encountermm commented on Jul 15, 2019

@encountermm
qq1255198035

qq1255198035 commented on Jul 22, 2019

@qq1255198035

vue-i18n 使用简单,案例也多,很方便

remip518

remip518 commented on Aug 21, 2019

@remip518

开发过,用的i18n,比较不错,

wush12

wush12 commented on Nov 5, 2019

@wush12

i18n,重要是初始化时,判断当前语言环境,要想好存储方案。一般存在localStorage就行了。

ZhaoHongzcyh

ZhaoHongzcyh commented on Dec 9, 2019

@ZhaoHongzcyh

采用i18n来解决国际化问题,关于语言环境的存储方案,看到有同学解答localStorage的方式,个人认为这种还是采用Cookie的存储方法,通过路由实现不同模块加载不同的国际化配置文件

Monseyliu

Monseyliu commented on Jun 27, 2020

@Monseyliu

使用Vue-i18n 加载不同的语言配置文件

sunyun029

sunyun029 commented on Mar 2, 2021

@sunyun029

Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。
http://kazupon.github.io/vue-i18n/zh/

WayneGongCN

WayneGongCN commented on Mar 2, 2021

@WayneGongCN

多语言适配(i18n)与使用哪种前端框架无关。

本质上是维护一个 map,然后通过一个中间层返回当前语种的显示内容。

这个 map 可以存储在 DB,通过 HTTP 接口获取;
也可以硬编码在 javascript 文件中,通过某个公共的 translate 方法获取;

当前语种可以由用户选择存储在本地;
也可以由 WebServer 通过判断客户端 IP 地址来识别使用哪种语种;

ygh1

ygh1 commented on Feb 9, 2022

@ygh1

使用vue-i18n,或者自己写一套多语言的编译方案

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@YuYanDev@WayneGongCN@ygh1@encountermm

        Issue actions

          [vue] 你有使用过vue开发多语言项目吗?说说你的做法? · Issue #559 · haizlin/fe-interview