首页 > 其他 > 详细

vue-i18n安装和实现国际化,$t的用法

时间:2019-07-12 18:32:19      阅读:292      评论:0      收藏:0      [点我收藏+]

1.安装

yarn install vue-i18n

 也可以直接引入

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

  

2.使用

在src/main.js引入i18n

// ie polyfill
import ‘@babel/polyfill‘

import Vue from ‘vue‘
import App from ‘./App.vue‘
import router from ‘./router‘
import store from ‘./store/‘
import i18n from ‘./lang‘
import { VueAxios } from ‘./utils/request‘

// mock
import ‘./mock‘

import bootstrap from ‘./core/bootstrap‘
import ‘./core/use‘
import ‘./permission‘ // permission control
import ‘./utils/filter‘ // global filter

Vue.config.productionTip = false

// mount axios Vue.$http and this.$http
Vue.use(VueAxios)

new Vue({
  router,
  store,
  i18n,
  created () {
    bootstrap()
  },
  render: h => h(App)
}).$mount(‘#app‘)

  

使用$t方法实现国际化

<span>{{ $t(‘header.HeadMenu.logout‘) }}</span>

  或者用v-text

<span v-text="$t(‘header.HeadMenu.logout‘)"></span>

  

 

vue-i18n安装和实现国际化,$t的用法

原文:https://www.cnblogs.com/cxscode/p/11177731.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!