vue-i18n 使用方法

1 先安裝 npm install vue-i18n

2  新建文件assets/js/i18n.js

3  引入vue-i18n並註冊到vue上

import VueI18n from 'vue-i18n' import Vue from 'vue' Vue.use(VueI18n) let locale = 'zh-CN'
// 我這裏進行了sessionStoraage配置 // sessionStorage.getItem('vuex') ? sessionStorage.getItem('vuex').language || 'zh-CN' : 'zh-CN'
let messages = { "zh-CN": { 'loginOut': '登出' }, "en-US": { 'loginOut': 'sessionOut' } } export default new VueI18n({ locale: locale, // 語言標識
 messages: messages, silentTranslationWarn: true // 去除console中黃色報錯
})

4  全局註冊 在main.js 中

import i18n from './assets/js/i18n'
new Vue({
  el: '#app',
  i18n,
  components: { App },
  template: '<App/>'
})

　　

5.

　

　在.vue 文件中使用方法

　　　1.   :placeholder="$t('loginOut')"

　　　2.   {{$t('loginOut')}}

 

　在.js 文件中使用方法

　　　import i18n from '../assets/js/i18n'

　　　i18n.t('loginOut')