vue.js国际化 vue-i18n插件的使用详解

安装方法

1.使用CDN直接引用

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>

2.NPM

$ npm install vue-i18n

3.Yarn

$ yarn add vue-i18n

使用方法

在这里只介绍vue的使用方法

<script>
/* 国际化使用规则 */
import Vue from 'vue'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

const messages = {
 en: {
  message: {
   hello: 'world hello'
  }
 },
 zh: {
  message: {
   hello: '世界'
  }
 }
}

const i18n = new VueI18n({
 locale: 'zh',
 messages
})

export default {
 data () {
  return {
   hello: this.$t('message.hello')
  }
 },
 i18n
}

</script>

HTML

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

vue-i18n插件使用参考文档

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue  # i18n  # vue国际化i18n  # vue.js  # Vue Element前端应用开发之界面语言国际化  # vue使用i18n实现国际化的方法详解  # vue使用vue-i18n实现国际化的实现代码  # Vue下的国际化处理方法  # 在vue3项目中实现国际化的代码示例  # 一次前端Vue项目国际化解决方案的实战记录  # 在这里  # 大家多多  # 文档  # NPM  # dist  # gt  # Yarn  # install  # bash 

相关文章： 如何用PHP快速搭建CMS系统？  如何在自有机房高效搭建专业网站？  C#怎么使用委托和事件 C# delegate与event编程方法  深圳网站制作案例,网页的相关名词有哪些？  教程网站设计制作软件,怎么创建自己的一个网站？  如何用免费手机建站系统零基础打造专业网站？  如何获取PHP WAP自助建站系统源码？  建站之星后台密码遗忘或太弱？如何重置与强化？  建站主机核心功能解析：服务器选择与网站搭建流程指南  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  家具网站制作软件,家具厂怎么跑业务？  如何通过FTP空间快速搭建安全高效网站？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  太原网站制作公司有哪些,网约车营运证查询官网？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  ui设计制作网站有哪些,手机UI设计网址吗？  如何快速查询网站的真实建站时间？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  建站主机SSH密钥生成步骤及常见问题解答？  如何基于PHP生成高效IDC网络公司建站源码？  如何快速搭建FTP站点实现文件共享？  如何打造高效商业网站？建站目的决定转化率  如何登录建站主机？访问步骤全解析  非常酷的网站设计制作软件,酷培ai教育官方网站？  Swift中switch语句区间和元组模式匹配  建站之星如何保障用户数据免受黑客入侵？  制作电商网页,电商供应链怎么做？  利用JavaScript实现拖拽改变元素大小  建站三合一如何选？哪家性价比更高？  相册网站制作软件,图片上的网址怎么复制？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  兔展官网 在线制作,怎样制作微信请帖？  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？  英语简历制作免费网站推荐,如何将简历翻译成英文？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  如何快速搭建个人网站并优化SEO？  宝塔面板创建网站无法访问？如何快速排查修复？  如何通过主机屋免费建站教程十分钟搭建网站？  PHP正则匹配日期和时间(时间戳转换)的实例代码  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  油猴 教程,油猴搜脚本为什么会网页无法显示？  如何在企业微信快速生成手机电脑官网？  如何在云服务器上快速搭建个人网站？  建站之星Pro快速搭建教程：模板选择与功能配置指南  移民网站制作流程,怎么看加拿大移民官网？  建站主机与虚拟主机有何区别？如何选择最优方案？  已有域名如何免费搭建网站？  历史网站制作软件,华为如何找回被删除的网站？