i18n 全球化语言

i18n 全球化语言

@lang 与 __('lange') 不能在vue中使用

于是找到martinlindhe/laravel-vue-i18n-generator

不过要注意的 README 有错误

使用vue-i18n$t('lang') 不能正常渲染 疑似vue的bug

vuex-i18n 则正常

修改 resources/assets/js/app.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import Vuex from 'vuex';
import vuexI18n from 'vuex-i18n';
import Locales from './vue-i18n-locales.generated.js';

Vue.use(Vuex);
const store = new Vuex.Store();
Vue.use(vuexI18n.plugin, store);

Vue.i18n.add('en', Locales.en);
Vue.i18n.add('zh', Locales.zh);

Vue.i18n.set('en');

const app = new Vue({
store,
el: '#app',
});

之后就可以正常的使用$t()了 同时也支持复数形式

参考地址

优点:不用设置后端后再设置前端 使用php artisan vue-i18n:generate可以直接创建或更新vue的语言设置

天朝上邦

估计汇率1比20是早晚的事儿了

某不可描述的两物必须灭亡

也算死了 账也是要算的 逃不掉的

准备被人唾弃到世界终结吧