Vue-i18n的入门级使用方式

Vue-i18n

VueI18n是Vue.js的国际化插件，可以轻松的将一些本地化功能集成到Vue.js应用程序中。

起步

1. 安装

npm install vue-i18n

2. 全局创建vuei18n实例，方便调用

const i18n = new VueI18n({
	locale: 'zh-cn', //这个字段很重要
    message:{
    	'zh-cn': require('./zh'), //导入语言包
        'en': require('./en')
    }
})

3. 使用插件的形式挂载，注入到Vue实例中

Vue.use(VueI18n)
new Vue({
	i18n
}).$mount('#app')

4. 使用VueI18n进行语言的切换

this.state = {
	language: 'en'
}
this.$i18n.locale = this.language

5. Vue-i18n的数据渲染语法($t)

<span> $t{{context}} </span>

以上便是Vue-i18n的简单用法，具体用法请查看文档 vue-i18n文档