vue.js国际化 vue-i18n插件

安装方法

1.使用CDN直接引用

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>


2.NPM

$ npm install vue-i18n


3.Yarn

$ yarn add vue-i18n



使用方法

在这里只介绍vue的使用方法

<script>
/* 国际化使用规则 */
import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
const messages = {
  en: {
    message: {
      hello: 'world hello'
    }
  },
  zh: {
    message: {
      hello: '世界'
    }
  }
}
const i18n = new VueI18n({
  locale: 'zh',
  messages
})
export default {
  data () {
    return {
      hello: this.$t('message.hello')
    }
  },
  i18n
}
</script>


<div id="#app">
  <p>{{ $t("message.hello") }}</p>
</div>

vue-i18n插件使用参考文档
http://kazupon.github.io/vue-i18n/en/

来源:http://blog.csdn.net/lyqhn2012/article/details/73480256


修改时间 2017-11-19

真诚赞赏,手留余香
赞赏
随机推荐
Node.js 的图片处理模块 images 跨平台图像编解码库
CentOS 中 zip 和 unzip 命令
扫描二维码发送模板消息
php合成与剪裁图片
为什么Axios ajax每次patch都会有两次网络请求?
tar打包与解压
macOS重装Adobe Photoshop CS6
MAC重装PHP
PS手绘20171008
解读浮动闭合最佳方案:clearfix