/**
*
* 使用vue-i18n步骤以及注意事项
* 1、yarn add vue-i18n -D
*
* 2、配置语言包
* src/local
* 创建语言包文件
* en/index.js;
* import home from './home'
* export default {
* ...home
* }
* en/home.js;
* export default home = {
* '首页': 'home'
* }
*
* 3、在src/config进行配置
* 配置代码:
* import Vue from 'vue'// 引入Vue
* import VueI18n from 'vue-i18n' // 引入插件
* import enLocal from '@/local/en' // 引入语言包
* Vue.use(VueI18n) // 挂载插件
* const message = {
* en: {
* ...enLocal
* }
* }
* const i18n = new VueI18n({ // 配置i18n
* locale: localStorage.getItem('lang') || 'zh', // 从缓存中获取当前的语言类型
* messages
* })
* export default i18n
*
* 4、main.js中进行注册
* import i18n from '@/config'
* new Vue({i18n})
*
* 5、在vue页面使用
* this.$t('home')
*
* 功能: 多语言转换
* 缺点: 进行单独语言转换,没有/我还没找到整体切换的功能
*/
vue-vi18n
最新推荐文章于 2024-07-19 14:16:29 发布