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()方法