当前位置: 首页 > news >正文

vue-i18n使用方法

Vue-i18n 是一个为 Vue.js 应用程序提供国际化的插件。以下是如何使用 Vue-i18n 的基本步骤和示例代码:

1.安装 Vue-i18n 插件:

npm install vue-i18n

2.挂载 main.js

import Vue from 'vue';
import App from './App';
import i18n from '@/assets/i18n';
import store from '@/store';new Vue({el: '#app',router,store,i18n,components: { App },template: '<App/>'
});

3.assets/i8n的应用

import Vue from 'vue';
import VueI18n from 'vue-i18n';Vue.use(VueI18n);const messages = {EN: {message: {hello: 'hello'}},CN: {message: {hello: '你好'}}
};const i18n = new VueI18n({locale: 'EN', // 设置默认语言messages, // 设置语言环境信息
});export default i18n;

4.在 Vue 组件中使用 i18n:

<template><div id="app"><p>{{ $t("message.hello") }}</p></div>
</template>

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • RHCE之seLinux和防火墙
  • C#知识|文件与目录操作:目录的操作
  • 空指针和野指针的区别
  • Arduino Mega 2560开发板的引脚分配图及说明,以及链接can的方法
  • vite tsx项目的element plus集成 - 按需引入踩坑
  • 虚拟机配置RabbitMQ集群教程
  • 长短期记忆网络(LSTM)预测模型及其Python和MATLAB实现
  • 【WiFi】一文了解WiFi中的 SISO/SIMO/MISO/MIMO/SU-MIMO/MU-MIMO/Beamforming
  • 在 Vim 编辑器中,如果某个单词被意外地高亮显示,使用:noh可以取消高亮显示
  • 2024年必备技能:小红书笔记评论自动采集,零基础也能学会的方法
  • 智能音箱的工作原理
  • 火山引擎VeDI数据技术分享:两个步骤,为Parquet降本提效
  • 项目比赛经验分享:如何抓住“黄金一分钟”
  • Android笔试面试题AI答之Activity(6)
  • 18万就能买华为智驾车,你当不了韭菜!
  • 【许晓笛】 EOS 智能合约案例解析(3)
  • Android 架构优化~MVP 架构改造
  • HTTP 简介
  • iOS 系统授权开发
  • iOS 颜色设置看我就够了
  • JavaScript 基础知识 - 入门篇(一)
  • ng6--错误信息小结(持续更新)
  • SQLServer插入数据
  • Webpack入门之遇到的那些坑,系列示例Demo
  • 关于字符编码你应该知道的事情
  • 湖南卫视:中国白领因网络偷菜成当代最寂寞的人?
  • 类orAPI - 收藏集 - 掘金
  • 思维导图—你不知道的JavaScript中卷
  • 用简单代码看卷积组块发展
  • ​LeetCode解法汇总2304. 网格中的最小路径代价
  • ​secrets --- 生成管理密码的安全随机数​
  • # C++之functional库用法整理
  • # Redis 入门到精通(八)-- 服务器配置-redis.conf配置与高级数据类型
  • # 计算机视觉入门
  • #162 (Div. 2)
  • #我与Java虚拟机的故事#连载06:收获颇多的经典之作
  • #中国IT界的第一本漂流日记 传递IT正能量# 【分享得“IT漂友”勋章】
  • (delphi11最新学习资料) Object Pascal 学习笔记---第2章第五节(日期和时间)
  • (react踩过的坑)Antd Select(设置了labelInValue)在FormItem中initialValue的问题
  • (回溯) LeetCode 131. 分割回文串
  • (一)、软硬件全开源智能手表,与手机互联,标配多表盘,功能丰富(ZSWatch-Zephyr)
  • (转)chrome浏览器收藏夹(书签)的导出与导入
  • .net 4.0 A potentially dangerous Request.Form value was detected from the client 的解决方案
  • .NET 自定义中间件 判断是否存在 AllowAnonymousAttribute 特性 来判断是否需要身份验证
  • .net(C#)中String.Format如何使用
  • .NET/C# 获取一个正在运行的进程的命令行参数
  • .NET框架类在ASP.NET中的使用(2) ——QA
  • @SpringBootApplication 包含的三个注解及其含义
  • [ CTF ] WriteUp- 2022年第三届“网鼎杯”网络安全大赛(朱雀组)
  • [【JSON2WEB】 13 基于REST2SQL 和 Amis 的 SQL 查询分析器
  • [12] 使用 CUDA 进行图像处理
  • [20171101]rman to destination.txt
  • [2018-01-08] Python强化周的第一天
  • [5] CUDA线程调用与存储器架构
  • [AndroidStudio]_[初级]_[修改虚拟设备镜像文件的存放位置]