vue-i18n 的用法

npm install vue-i8n

import VueI18n from ‘vue-i18n‘
import cn from ‘./lang/cn.js‘
import en from ‘./lang/en.js‘

Vue.use(VueI18n)

//实例化
const i18n = new VueI18n({
   locale:‘cn‘,   //默认语言
   message:{   //引用语言包
   cn:cn,
   en:en 
}  
})


const app = new Vue({
    router,
    i18n,  //挂到vue上
    ...App
}).$mount(‘#app‘)

//cn.js

export default {
  titile:‘标题‘  
}


//en.js
export default {
  titile:‘title‘  
}

//在页面上使用
<template>
<div>{{$t(‘title‘)}}</div>           //必须用$t(),才能访问到
</template>