vue-i18n 网站中英文切换插件的基本使用

最近项目中用到国际化之前看到一个博客写的vue-i18n的使用非常好，后来就找不到是哪个了心塞。
vue-i18n的基本使用
首先肯定是下载啦！

npm install vue-i18n --save

然后在src下边新建一个i8n文件夹

//cn.js



// import zhLocale from 'element-ui/lib/locale/lang/zh-CN' // 引入element语言包
const cn = {
   
  header: {
   
    headerTop: {
   
      'text': '你好',
    }

  }
  // ...zhLocale
}

export default cn

//en.js


// import enLocale from 'element-ui/lib/locale/lang/en' // 引入element语言包
const en = {
   
  header: {
   
    headerTop: {
   
      'text': 'Hellow',
    
    }
  }
  // ...enLocale
}

export default en