当前位置: 首页 > Web前端 > vue.js

vue-cli与vue-i18n的集成

时间:2023-03-31 19:26:48 vue.js

分为三步:1.安装;2.进口;3.使用1.安装yarnaddvue-i18n或npminstallvue-i18n2.导入到main.js入口文件中添加:importVueI18nfrom'vue-i18n'Vue.use(VueI18n)consti18n=newVueI18n({locale:"zh",//定义默认语言为中文messages:{zh:require("./assets/languages/zh.json"),//json结构见下en:require("./assets/languages/en.json")}});newVue({router,store,i18n,//必须添加render:h=>h(App)}).$mount("#app");json文件结构:"lang":{"webName":"会展系统","home":"系统首页","setUp":"个人设置","changePassword":"更改密码","Logout":"登出","eventManagement":"展览管理",}3.使用Html:{{$t('lang.eventManagement')}}组件属性:属性名前加冒号":"组件属性错误示例:没有冒号会直接输出字符。脚本:this.$t('lang.exhibitors')