如何使用vue-i18n

一、下载vue-i18n

此处只展示npm下载

npm install vue-i18n

二、配置

import Vue from 'vue'
import App from './App'
import VueI18n from 'vue-i18n' //引入vue-i18n

Vue.use(VueI18n)

const i18n = new VueI18n({
   locale: 'en',    // 设置默认语言
  
   messages: {
     'zh': require('./components/lang/zh'),   // 中文语言包，注意路径，记住包内容不可为空

     'en': require('./components/lang/en')    // 英文语言包
   }
})
Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
    i18n, //挂入实列
	...App
	
})

三、创建语言包

1、创建语言包的位置

位置和路径要相匹配，创建位置根据实际开发，这只是一个思路

2、写入语言包

语言包格式可以是js也可以是json

json的格式如下

四、模板展示