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
を割り当てることもできます。