VUEはVUE-I18N国際化$ tを使用しました

1、インストール

NPM VUE-I18Nをインストール

2、インポート

'VUE-I18N' からインポートVueI18n

3、マウント

Vue.use(VueI18n)

図4に示すように、インスタンスを作成します

CONST vuei18n = 新しいVueI18n({ 
    ロケール: 'ZH' 
    メッセージ:{
       'ZH':必要( './静的/ LANG / ZHは' )、
       'EN':必要( './静的/ LANG / EN' 
    } 
})

図5に示すように、言語パックに対応する実施例

ZH = constの輸出{ 
  名:「ボブ
  種類:「美しい女の子
}
輸出のconst EN = { 
  名:「ボブ
  種類: '美少女' 
}

テンプレートにバインドされた6、

<スパン> {{$ tの( '何か')}} </ span>の何か//ここにある変数名

7、英語でのハンドオーバ処理VUE

この。$ vuei18n.locale = 'en'と

 

おすすめ

転載: www.cnblogs.com/yummylucky/p/11323971.html