Vue项目切换语言，vue项目国际化，使用vue-i18n前端实现中英文切换_前端项目全局英文中文切换

作者：我家自动化 | 2024-03-28 23:13:05

踩

前端项目全局英文中文切换

在项目需求中，我们会遇到国际化的中英文切换。
使用vue搭建的项目中我们可以使用i18n插件进行项目的中英文切换。

npm引入i18n

npm install i18n --save-dev
1

为了数据的使用方便，我们需要在src文件夹下建立一个如下图的文件夹
language文件夹下包括config文件夹和index.js文件

index.js：

import Vue from 'vue'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n)
//使用的是sessionStroage中存储的的lang，默认是中文简体cn
let language = window.sessionStorage.getItem('lang') || 'cn'
const i18n = new VueI18n({
   
  locale: language<1
2
3
4
5
6
7
8

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/332147?site

Vue项目切换语言，vue项目国际化，使用vue-i18n前端实现中英文切换_前端项目全局 英文中文切换

Vue项目切换语言，vue项目国际化，使用vue-i18n前端实现中英文切换_前端项目全局英文中文切换