vue 多语言

方式1.

引入插件vue-i18n  

cnpm install vue-i18n

main.js:

import VueI18n from "vue-i18n";
Vue.use(VueI18n);
const i18n = new VueI18n({
  locale: "en", // 语言标识
  //this.$i18n.locale // 通过切换locale的值来实现语言切换
  messages: {
    zh: require("./common/lang/zh"), // 中文语言包
    en: require("./common/lang/en") // 英文语言包
  }
});

  

new Vue({
  el: "#app",
  router,
  i18n,
  components: { App },
  template: "<App/>"
});

  helloworld.vue:

  <span>{{$t('m.music')}}</span>

  

posted @ 2018-06-07 16:34  锅巴菜  阅读(167)  评论(0编辑  收藏  举报