vuejs3 I18n と合成 API
Hello
P粉2376476452024-03-26 11:42:48
アプリケーションの main.js で i18n をインスタンス化しました。これは重要な点です。
ドキュメントで提供されている例は、必ずしも createApp で定義されたインスタンス上で完了する必要はありません。 main で i18n をインスタンス化する限り、どのコンポーネントでも機能します。 (js|ts)
これはどのコンポーネントでも機能します (ただし、t が必要です):
補足: すべての $tc (pluralization) 機能は t に移動されました。
既存のアプリケーションをアップグレードしていて、テンプレートを使用せずに $t と $tc のすべてのインスタンスを t に置き換える場合:
$t と $tc を任意のコンポーネントの <template> で使用できるようにするには (必ずしも <script>gt; (または <script setup>) をインポートして公開します:
<script> でまだ必要な場合は、上記のように 'vue-i18n' からインポートします。 $tc は Vue3 では使用されなくなりました。テンプレートが Vue2 からのものである場合は、すべての $tc を $t に置き換えることをお勧めします。あるいは、テンプレートに触れたくない場合は、両方に useI18n().t を割り当てることもできます。