一夭问、安裝
三種方式：
1泽西、script引入
<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
二捧杉、配置
main.js文件配置
1.引入i18n國際化插件
> import Vue from 'vue'
>
> import VueI18n from 'vue-i18n'
>
> Vue.use(VueI18n)
2.注冊i18n實例并引入語言文件，文件格式等下解析
> const i18n = new VueI18n({
>
> locale: 'zh', // 定義默認語言為中文
>
> messages: {
>
> 'zh': require('@/assets/languages/zh.json'),
>
> 'en': require('@/assets/languages/en.json')
>
> }
>
> });
3.將i18n注入到vue實例中
> new Vue({
>
> el: '#app',
>
> router,
>
> i18n,
>
> components: { App},
>
> template: '<App/>'
>
> });
4.文件格式（json文件）
首先來看zh.json文件秘血，如下：
image
對應(yīng)的en.json格式與zh.json一樣味抖，只需要把中文改為英文即可，如下：
image
三灰粮、模板渲染
//html文件需要加{{}}
{{$t('common.home')}}
//js文件
$t('common.home')
點擊進行語言切換仔涩，如下：
image
PS:本文只是用于個人筆記，歡迎糾錯粘舟，不喜勿噴熔脂，謝謝！
</article>
