vue i18n使用
程序员文章站
2022-03-03 09:31:05
...
安装命令
npm install vue-i18n
main.js文件
import VueI18n from 'vue-i18n';
import messages from "@/lang/index";
const i18n = new VueI18n({
locale: 'zh', // 设置地区
messages, // 设置地区信息
})
new Vue({
i18n
render: function(h) {
return h(App);
}
}).$mount("#app");
lang/index.js文件
import en from './en'
import zh from './zh'
const messages={...en,...zh}
export default messages;
zh文件
const zh={
zh:{
hello:'你好'
}
}
export default zh;
en文件
const en = {
en:{
hello:'hello1'
}
}
export default en;
切换语言方法
this.$i18n.locale='zh'