アプリケーションの main.js で i18n をインスタンス化しました。これは重要な点です。
main.js
i18n
ドキュメントで提供されている例は、必ずしも createApp で定義されたインスタンス上で完了する必要はありません。 main で i18n をインスタンス化する限り、どのコンポーネントでも機能します。 (js|ts)
createApp
main で i18n をインスタンス化する限り、どのコンポーネントでも機能します。 (js|ts)
これはどのコンポーネントでも機能します (ただし、t が必要です):
t
補足: すべての $tc (pluralization) 機能は t に移動されました。
$tc
既存のアプリケーションをアップグレードしていて、テンプレートを使用せずに $t と $tc のすべてのインスタンスを t に置き換える場合:
$t
$t と $tc を任意のコンポーネントの <template> で使用できるようにするには (必ずしも <script>gt; (または <script setup>) をインポートして公開します:
<template>
<script>gt;
<script setup>
<script>
'vue-i18n'
useI18n().t
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
アプリケーションの
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を割り当てることもできます。