Vue i18n 国际化

i18n(其来源是英文单词 internationalization的首末字符i和n,18为中间的字符数)是“国际化”的简称

[vue-i18n]是一个vue插件，主要作用就是让项目支持国际化多语言

引入vue-i18n并注册到vue上

在man.js中完成

import VueI18n from 'vue-i18n';
import {messages} from './components/common/i18n';

Vue.use(VueI18n);

注意vue插件的使用方法，通过全局方法 Vue.use() 使用插件
插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种：添加全局方法或者属性；添加全局资源：指令/过滤器/过渡等；通过全局 mixin 方法添加一些组件选项；添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。

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

new Vue({
    router,
    i18n,
    render: h => h(App)
}).$mount('#app')

使用方法主要是两种：

在组件的template中，调用i18n.t()方法

参考 https://segmentfault.com/a/1190000015008808