首页 > 其他分享 >Web 国际化:新增越南语语系(vue i18n)

Web 国际化:新增越南语语系(vue i18n)

时间:2023-08-21 13:44:51浏览次数:49  
标签:Web vue vi 越南语 i18n VueI18n

 前提:

  • 1. 在src/locales文件夹中,新增vi.json文件

背景:

  • 1. vue

步骤:

  • 1. 在main.js中,

  

import VueI18n from 'vue-i18n'

Vue.use(VueI18n)
const i18n = new VueI18n({
    locale: localStorage.getItem('lang') || 'zh',
    messages: {
				...
        'vi': require('../src/locales/vi.json'),
				...
    }
});

  

标签:Web,vue,vi,越南语,i18n,VueI18n
From: https://www.cnblogs.com/uoky/p/17645782.html

相关文章

  • Vue的组件data为什么必须是一个函数?
    vue中的data必须是函数是为了保证组件的独立性和可复用性。实例是通过构造函数来创建的,每个构造函数可以new多个实例,每个实例都会继承原型上的方法和属性,在vue中,一个vue组件就是一个vue实例,当一个组件被复用多次,就会创建多个实例。如果data是对象,那么被多次复用的这个组件,在某......
  • Android 国际化:新增越南语语系(Java)
    前提:1.在res文件夹中,新增values-vi文件夹(越南语文件夹)2.在步骤1的文件夹中,新增strings.xml背景:1.targetSdkVersion292.Jdk1.8步骤:1.在切换语言的下拉框/弹窗中,新增一个越南语的选项(此选项注意国际化)2.由于java.util.Locale中,并没有越南语,所以,在选中越南语选......
  • Vue Router
    什么是路由路由就是URL地址,地址不同,则显示的页面内容不同,路由分为前端路由和后端路由,Vue属于前端框架,因此我们讲解的路由也是前端路由。Vue是单页面应用程序,通过hash(#)来实现不同页面之间的切换。什么是单页面应用程序?通俗地讲就是不需要刷新页面,所有组件都在一个页面上的应用......
  • Vue 项目性能优化实践
    Vue已经成为前端必备利器了,Vue首页加载速度慢是很常见的问题,dist文件的体积差不多都在10m左右,解决方式也有很多,最简单的方式增加服务器的配置性能,当然在预算有限的情况下,如果通过优化来提升速度呢。比如在一台普通配置服务器上,差不多加载速度在15s左右,那是没办法接受的,不管是用......
  • vue通讯的几种方式
    1.props和$emit。父组件向子组件传递数据是通过props传递的,子组件传递给父组件是通过$emit触发事件来做到的。2. 父组件中通过provide来提供变量,然后在子组件中通过inject来注入变量。3.$refs获取组件实例。4.envetBus兄弟组件数据传递,这种情况下可以使用事件总线的方......
  • 使用VuePress打造的LearnData知识库帮助我更好地学习和传播 - 从笔记到分享
    在当今快节奏的社会中,技术变化日新月异。作为一名技术博客站长,我深切感受到了学习和传播知识的重要性。为了更好地满足读者的需求,我决定采用VuePress搭建一个功能强大且易于维护的知识库平台,名为LearnData。本文将介绍我如何利用VuePress构建LearnData,并展示一些相关的代码示例。......
  • webpack学习笔记专题目录
    转载请注明来源:http://www.eword.name/Author:ewordEmail:[email protected]学习笔记专题目录webpack专题目录webpack学习笔记MacBook搭建python开发环境【必须】安装Python【必须】安装pip【必须】virtualenv的安装和使用【推荐】安装PyCharm【推荐】Py......
  • webpack 是什么
    转载请注明来源:http://www.eword.name/Author:ewordEmail:[email protected]是什么Webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出,Webpack可以将多种静态资源......
  • webpack 五大核心概念
    转载请注明来源:http://www.eword.name/Author:ewordEmail:[email protected]五大核心概念一、Entry入口(Entry)指示Webpack以哪个文件为入口起点开始打包,分析构建内部依赖图。二、Output输出(Output)指示Webpack打包后的资源bundles输出到哪里去,以及如何命名。......
  • webpack学习笔记所使用的版本信息
    学习笔记所使用的版本信息学习笔记用到的npm包版本信息[email protected]@[email protected]@[email protected]@[email protected]@[email protected]@[email protected]......