vue使用国际化语言包

1. 下载包

npm install vue-i18n

2. 配置
在main.js文件中加入如下配置

import Vue from 'vue'

import App from './App.vue'

// 引入插件和语言包

import VueI18n from 'vue-i18n'

import zh from '@/i18n/langs/zh'

import en from '@/i18n/langs/en'

Vue.use(VueI18n)

 

//实例化vue-i18n

const i18n = new VueI18n({

 

// 从本地存储中取，如果没有默认为中文，

// 这样可以解决切换语言后，没记住选择的语言，刷新页面后还是默认的语言

locale: localStorage.getItem('lang') || 'zh',

messages: {

'zh': zh, // 中文语言包

'en': en // 英文语言包

}

})

Vue.config.productionTip = false

// 将i18n实例挂载到vue上

new Vue({

i18n,

render: h => h(App),

}).$mount('#app')

3. 创建中、英文包文件

创建两个文件，一个为zh.js代表中文，en.js代表英文&#x