首页 > 其他分享 >vue国际化(多语言)

vue国际化(多语言)

时间:2023-05-09 19:56:03浏览次数:49  
标签:文件夹 npm 国际化 语言 js vue cookie i18n

 

 

方法1:用 js-cookie 包 并且挂载在 main.js 上

1、安装 vue-i18n + js-cookie 插件

npm install vue-i18n -S
npm install js-cookie --save

2、去检查一下你安装的 i18n 版本是不是 8.26.5

3、在 main.js 中引入

4、在 src 上建立文件夹

5、给创建的中文和英文添加语言

注意:二个文件夹的命名要一样

6、使用

7、切换语言

 

方法2:不用 js-cookie 包

1、安装 vue-i18n 插件

npm install vue-i18n -S

 

2、去检查一下你安装的版本是不是 8.26.5 的

3、在 src 上建立文件夹

4、去新建的文件 index.js 里面开工

5、去 local_zh.js 和 local_en.js 里填写

注意:二个文件夹的命名要一样

6、在 main.js 中引入

7、使用

8、切换语言

 

参考资料

https://blog.csdn.net/m0_54409638/article/details/125181861

 

标签:文件夹,npm,国际化,语言,js,vue,cookie,i18n
From: https://www.cnblogs.com/miangao/p/17386051.html

相关文章

  • 使用vue的keep-alive缓存组件,三级菜单组件无法缓存问题解决
    使用vue做后台管理系统,需求是所有的菜单打开之后,下次点击的时候的使用缓存,这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题,三级菜单就会出现无法缓存的问题,网上找资料说是vue中keep-alive本身存在的缺陷,需要在路由守卫中将matched属性做一下优化,具体如下//......
  • C#使用词嵌入向量与向量数据库为大语言模型(LLM)赋能长期记忆实现私域问答机器人落地
     本文将探讨如何使用c#开发基于大语言模型的私域聊天机器人落地。大语言模型(LargeLanguageModel,LLM这里主要以chatgpt为代表的的文本生成式人工智能)是一种利用深度学习方法训练的能够生成人类语言的模型。这种模型可以处理大量的文本数据,并学习从中获得的模式,以预测在给定的......
  • vue2+vant2+rem+axios+钉钉自动登录 h5模板
    下载代码请轻轻的点一下这里~Node版本要求VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)。你可以使用nvm或nvm-windows在同一台电脑中管理多个Node版本。本示例Node.js14.17.0启动项目npminstallnpmrundev打包项目打测试包会带vconsole控制台对......
  • 逍遥自在学C语言 | 条件控制的正确使用姿势
    前言在C语言中,有三种条件判断结构:if语句、if-else语句和switch语句。一、人物简介第一位闪亮登场,有请今后会一直教我们C语言的老师——自在。第二位上场的是和我们一起学习的小白程序猿——逍遥。二、if语句基本语法if(条件){//代码块1}代码示例......
  • vue sort 排序方法
    1、数据排序vararry=[9,5,6,7,5,6,3,1,0]arry.sort()//[0,1,3,5,5,6,6,7,9] 2、对象排序varlist=[{name:'张三',age:12},{name:'李四','age:23}];list.sort((a,b)=>{returna.age-b.age});//[{name:'李四','ag......
  • Vue路由跳转时的动画效果
    1.写一个layout组件,降<router-view/>包裹在transition标签里,实现路由跳转时的动画 2.在router/index.js里面引入该组件,并放在component:layout这里,功能完成 3.transition是vue的封装组件,具体可参考官网 https://cn.vuejs.org/guide/built-ins/transition.html#css-based-......
  • Vue2--入门学习
    看了慕课网的教学视频,觉得挺不错的,在此做个随堂记录,有兴趣的可以去看视频vue版本:2.5文档链接:https://v2.cn.vuejs.org/v2/guide/installation.html视频链接:https://www.imooc.com/video/16976 在vue官网下载开发版本的vue.js,并复制其代码到编译器中创建的vue.js文件中 ......
  • 逆变器重复控制。 采用simulink仿真嵌入C语言实现了逆变器重
    逆变器重复控制。采用simulink仿真嵌入C语言实现了逆变器重复控制模型的搭建,整个仿真没有任何模块,全是用C语言写的代码。重复控制算法,陷波器,二阶低通滤波器,都是用C代码实现。对整个代码给出了详尽的注释。输出电压的THD只有0.47%。整个仿真全部离散化,采用离散解析器,主电路与控制部......
  • 单相锁相环。 在simulink中采用C语言实现锁相环,不是matlab编程语
    单相锁相环。在simulink中采用C语言实现锁相环,不是matlab编程语言ifend、forend,而是C语言,与DSP和32编程中的语言一样,整个仿真没有一个模块,只有C需要写的锁相环函数,程序的运行频率和实际的开关频率一致。仿真结果如图所示,基于双二阶广义积分器的锁相环成功锁得电网相位。且在初......
  • PWM整流器。 整个仿真采用simulink嵌C语言实现,不是matlab编程
    PWM整流器。整个仿真采用simulink嵌C语言实现,不是matlab编程语言ifend、forend,而是C语言,与DSP和32编程中的语言一样,整个仿真没有一个模块,只有C语言写的程序,程序的运行频率和实际的开关频率一致。包括基于双二阶广义积分器的锁相环、双闭环前馈解耦、SVPWM都是用C语言写的,代码可......