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

最新推荐文章于 2024-07-03 12:01:14 发布
最新推荐文章于 2024-07-03 12:01:14 发布
阅读量1.8k 收藏 1
点赞数 36
分类专栏： # Vue面试题汇总
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43392489/article/details/112096712
版权

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

使用Vue-i18n 加载不同的语言配置文件,
重要是初始化时，判断当前语言环境，要想好存储方案

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

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎一起讨论，说说自己的理解

主目录

与歌谣一起通关前端面试题

前端小歌谣
关注
专栏目录
基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇
HaiJun_Aion的博客
09-16 5382
前言 在上个月初，接到一个需求，要开发一个 聊天通讯 模块 并且 集成到 项目中的多个 入口，实现业务数据的记录追踪. 接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 使用，感觉挺自豪的。 下面就就跟着我来看看 如何 开发一个 聊天通讯 服务吧 ! (主要站在前端的角度来讲如何开发设计 ) 技术栈 ​ ​ Vue 2.x Websoket V
vue-multilanguage, 多语言 VueJS 2.0插件.zip
10-09
vue-multilanguage, 多语言 VueJS 2.0插件 vue: vuejs语言的控制我们将帮助你控制你的应用程序中的语言安装# yarnyarn add vue-multilanguage# npmnpm install vue-multilanguage --s
vue项目使用多语言
xxitcef的博客
09-08 341
1.下载vue-i18n npm install vue-i18n 2.引入i18n国际化插件 import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) 3.注册i18n实例并引入语言文件 const i18n = new VueI18n({ locale: 'chs', // 将要切换的语言，可以通过url拼的参数获取，用户行为select选择获取，本地manifest配置获取等，根据场景动态获取 mess
vue中自定义设置多语言(包括使用vue-i18n)，并且运行js脚本自动生成多语言文件
最新发布
weixin_52663662的博客
07-03 1208
可以自己编写一个设置多语言文件在项目新建js文件，命名为：language.js，代码如下// language.js 文档CN: {frame_rules: "规则",frame_remark: "虚位拟待",},EN: {},IN: {},VI: {},MS: {},TH: {},HI: {},// 获取我们设置存放在浏览器的sessionStorage 的语言类型// // 阿拉伯语 展示顺序会相反，设置反向，使语言展示正常// }// zh 中文。
vue多语言
搬砖猴哥
03-01 1102
vue中实现语言切换的方式如何实现的 1.NPM 项目安装 cnpm i vue-i18n 2.使用方法 /* 国际化使用规则 */ import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) <!-- 需要国际化的数据定义在此处 --> const messages = { en: { m...
如何让一个vue项目支持多语言（vue-i18n）
weixin_33910385的博客
05-24 1001
这两天手头的一个任务是给一个五六年的老项目添加多语言。这个项目庞大且复杂，早期是用jQuery实现的，两年前引入Vue并逐渐用组件替换了之前的Mustache风格模板。要添加多语言，不可避免存在很多文本替换的工作，这么庞杂的一个项目，怎么才能使文本替换变得高效且不会引入bug是这篇文章主要要写的东西。 引入vue-i18n vue-i18...
vue_多语言
qq_45807416的博客
08-31 98
https://blog.csdn.net/Dream_xun/article/details/82743762
vue项目实现多语言功能
janyxh的博客
03-03 1650
最近项目需要做一个国际版，多种语言切换功能。 有同事提出可以分别分开做几个项目，然后分别打包。 但是我认为这种方式弊大于利。 首先，弊端是难以同步管理。项目的功能80%以上都是相同的，分开几个项目，意味着有新的需求时，在每个项目里进行一次再开发，同时有bug时，也是几个地方进行修改。 第二，优点不明显。页面中静态文字是固定的，并不是会常更改。通常情况下 ，只要配置一次。如果有修改，也只需要在配置文...
Vue面试题相关资源链接整理，共收集约250余项Vue的相关面试问题
03-25
内容涉及的部分资源...[你有使用过vue开发多语言项目吗？说说你的做法？]； [在使用计算属性的时，函数名和data数据源中的数据可以同名吗？]； [vue中data的属性可以和methods中的方法同名吗？为什么？]............
金九银十，九月已过。Vue这些知识你还不懂？（面试篇1.5W字）
Lawless
09-28 2103
本篇博客主要记录Vue面试时常见的一些题目，主要有：基础题目，常规题目，生命周期，Vuex，路由，进阶题目。如果感觉对自己有帮助，不妨点个赞，或者加群643229703，一起交流最新校招题目和面经，互帮互助，直取offer
Vue学习心得
LinLinYa02的博客
06-28 1214
其次，对于初学者来说，建议从Vue的官方文档开始学习。总结一下，Vue中的数据代理是通过将数据和属性代理到Vue实例的根对象上，实现对数据的访问和修改。在Vue中，数据代理是指通过Vue实例的"代理"机制，将Vue实例中的数据和属性代理到Vue实例的根对象上，从而实现对数据的访问和修改。此外，Vue还提供了计算属性（computed）、监听属性（watch）等方式来实现更复杂的数据绑定需求，这些是Vue数据绑定的一些常见方式。需要注意的是，Vue只会代理实例中已经存在的属性，而不会代理新增的属性。
vue实现多语言项目（vue-i18n）
lyxyldd的博客
04-27 390
1、先安装依赖 npm install vue vue-i18n --save 2、在vue项目assets文件夹下新建一个 i18n 文件夹存放i18n要用的文件 3、新建lang文件夹存放语言包 /*静态文案中文zh.js*/ module.exports = { /*官网顶部文案*/ header:{ 'out':'退出登录', 'back':'返回首页' }, /*后台登录页文案*/ login:{ 'ti
vue多语言化
一只前端小菜鸟
05-13 1522
随着国际化的趋势，项目中配置多语言切换也越来越有必要，本篇文章将会介绍如何在vue项目中配置多语言化 安装： npm i vue-i18n 导入注册：(因为后续可能涉及很多配置翻译，所以我们提前把配置抽离为单独的文件) // src/plugins/VueI18n/index.js： import Vue from 'vue'; import VueI18n from 'vue-i18n'; Vue.use(VueI18n); // 定义各语言的配置 const messages = {
vue实现多语言
xiaoququ的博客
01-03 251
安装vue-i18n npm install vue-i18n main.js // 多语言 import VueI18n from "vue-i18n"; import LangEn from "@/assets/js/en.js"; import LangCn from "@/assets/js/zhCHS.js"; import LangKo from "@/assets/js/korea...
vue实现多语言功能
weCat_s的博客
03-30 5198
详细步骤 安装vue-i18n npm install vue-i18n -S 在main.js中引入vue-i18n import VueI18n from 'vue-i18n' Vue.use(VueI18n) 定义语言文件 const messages = { //简体中文 cn: { message: { hello: '你好', author: '龙的传人' } }, //英文 en: { message: { h
vue多语言应用
前端精髓
01-09 1111
初始化项目 Create Vue 项目和 install vue-i18n vue create vue-multilang 使用vue-i18n加载语言包 创建语言文件 多语言文件的统一入口，加载各种语言文件 // src/lang/index.js import zh from './translations/zh.json' import en from './translatio...
vue中多语言配置（繁体，简体，英文）
luofei_create的博客
04-21 2809
vue多语言配置，i18n的详细配置
Vue多语言、全屏处理
萌萌的博客
09-01 571
国际化处理 vue项目中的多语言支持使用的是vue-i18n 参考： https://kazupon.github.io/vue-i18n/zh/started.html 目标 实现elementUI中英文切换功能，感受中文切换的效果 安装国际化的包 npm i vue-i18n@8.22.2 请注意版本号。vue-i18n现在有了一个新版本，对应的api有些不兼容，请还是使用8.22.2这个版本! ElementUI多语言配置 引入element语言包文件src/lang/index.js // 进
我使用vue3.0但是不使用ts开发项目，可以吗？怎么做
05-05
如果你不想使用 TypeScript，你可以直接使用 Vue CLI 创建项目，并选择手动配置的方式来配置你的项目。 首先，你需要安装 Vue CLI，可以使用以下命令： ``` npm install -g @vue/cli ``` 然后，你可以使用以下...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小歌谣

放弃很容易 但是坚持一定很酷

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值