1.准备中英文2份数据
1.1 一般我们把这2份中英文数据放在
assets-->lang-->cn.js
assets-->lang-->en.js
1.2 然后把这2个文件在main.js里面引入
import VueI18n from 'vue-i18n' (先安装这个包,然后引入)
import cn from './assets/lang/cn.js'
import en from './assets/lang/en.js'
2.安装
2.1使用下面的任意一个命令安装
npm install vue-i18n --save
cnpm install vue-i18n --save(淘宝镜像安装)
2.2 检查是否安装成功---去package.json里面检查
2.3 然后在main.js里面,引入
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
const i18n = new VueI18n({
locale: 'en', // 设置语言 messages: { cn: { ...cn }, en: { ...en }, } });
new Vue({
el: '#app',
router,
i18n,
components: { App },
template: '<App/>'
})

3.简单粗暴用一下
欢迎大家指出有误的地方!