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

vue-01,切换语言-基础版

时间:2023-03-31 20:02:19 vue.js

h1,h2{font-weight:normal;}ul{列表样式类型:无;填充:0;}li{显示:内联块;margin:010px;}a{color:#42b983;}4个文件npminstallvue-i18nen.jsexportconstm={music:'Music',//网易云音乐findMusic:'FINDMUSIC',//查找音乐myMusic:'MYMUSIC',//我的音乐好友:'FRIEND',//好友音乐家:'MUSICIAN',//音乐家下载:'DOWNLOAD'//下载客户端}zh.jsexportconstm={music:'网易云音乐',findMusic:'发现音乐',myMusic:'我的Music',friend:'Friend',musician:'Musician',download:'DownloadClient'}helloworldh1,h2{font-weight:normal;}ul{列表样式类型:无;填充:0;}li{显示:内联块;margin:010px;}a{color:#42b983;}main.jsimportVuefrom'vue'importAppfrom'./App'importrouterfrom'./router'importVueI18nfrom'vue-i18n'Vue.use(VueI18n)//通过plugins挂载consti18n=newVueI18n({locale:'zh-CN',//语言ID//this.$i18n.locale//通过切换locale的值实现语言切换messages:{'zh-CN':require('./common/lang/zh'),//中文语言包'en-US':require('./common/lang/en')//英语语言包}})Vue.config.productionTip=false/*eslint-disableno-new*/newVue({el:'#app',i18n,router,components:{App},template:''})