哇哈哈， 今天我们要聊聊一个超级优良用的东西，叫Zuoi18nvue，它Neng帮我们让Vue项目变成会说优良许多语言的细小精灵呢！是不是hen神奇？下面就让我这玩意儿超级细小白，给你讲讲怎么用i18nvue给Vue项目装上许多语言的世界范儿吧！

啥是i18nvue呢？

先说说我们要晓得，i18nvue是一个专门为Vue.js设计的世界化插件。i18nvue的意思是Internationalization for Vue.js，听起来是不是hen高大端？轻巧松它就像一个翻译官，Neng让我们的Vue项目支持许多种语言。

怎么安装i18nvue呢？

哦，这玩意儿嘛，就像我们玩儿游戏一样，先说说得安装它。我们得打开电脑， 打开命令行，然后输入下面这些个神奇的字母：

npm install vue-i18n --save
npm install i18nvue --save

是不是hen轻巧松？这就是安装i18nvue的过程，就像我们玩游戏时安装游戏一样。

配置i18nvue

安装优良i18nvue之后 我们还得给它配个衣服穿穿，对，就是配置它。我们得在Vue中给它找个地方住下然后告诉它哪些话要说哪种语言。就像我们教细小孩子说话一样， 下面是配置的示例代码：

import Vue from 'vue'
import VueI18n from 'vue-i18n'
import i18nvue from 'i18nvue'
Vue.use
Vue.use(i18nvue, {
  en: {
    welcome: 'Welcome'
  },
  zh: {
    welcome: '欢迎'
  }
})
const i18n = new VueI18n({
  locale: 'en',
  fallbackLocale: 'en',
  messages: {
    en: {
      /* 英语语言包 */
    },
    zh: {
      /* 简体中文语言包 */
    }
  }
})
new Vue({
  i18n,
  ...
})

kan，这就是配置i18nvue的方法，是不是hen酷？

怎么用i18nvue翻译文字呢？

有了i18nvue，我们就Neng用它来翻译我们项目中的文字啦！就像我们给细小朋友教新鲜词一样，我们Neng在Vue组件中用i18nvue给的$t函数来翻译文字。比如说 我们想让一个按钮kan得出来不同的语言，Neng这样写：

{{ $t }}
English
简体中文
{{ $t }}

这样，当用户切换语言时按钮上的文字也会跟着变哦！是不是hen神奇？

优良了今天的分享就到这里啦！通过学i18nvue，我们不仅Neng让Vue项目支持许多种语言，还Neng让我们的项目geng加世界化。希望这篇超级轻巧松的文章Neng帮到你，Ru果你还有其他问题，就留言告诉我吧！我们一起学，一起进步哦！

再说说让我们再来回顾一下今天的沉点：

• 啥是i18nvue？
• 怎么安装i18nvue？
• 怎么配置i18nvue？
• 怎么用i18nvue翻译文字？

希望这篇超级烂的文章Neng给你带来一些帮，让我们一起成为Vue项目中的许多语言细小精灵吧！