Vue i18n国际化

1.国际化

国际化：项目能够根据不同国家的语言进行翻译，进行切换，方便不同国家使用。

2.使用思路

1. 安装插件 npm i vue-i18n
2. 定义语言包：需要几种语言展示，就定义几个语言包
3. 创建对象，对语言包进行整合，对象的key为语言包的引用，值为语言包对象。
4. 创建vue-i18n类的对象，同时为message属性为第2步创建的对象，为其local属性赋值为第2部中语言对象对应的key
5. 在创建vue实例对象时，挂载vue-i18n类的对象

3.使用 

配置i18n的index.js文件  创建i18n实例

 

在模板中使用

<template>
  <div>{{t.('common.hello')}}</div>
</template>
<script>
  import { useI18n } from "vue-i18n"
  const t = useI18n()
</script>