Was sind die besten Praktiken für die Internationalisierung in Vue?
Momentan denke ich daran, ein Strings-Objekt zu haben, das alle Strings enthält, dann ein wenig Ajax-Magie, um dieses Strings-Objekt basierend auf einer JSON-Datei mit übersetzten Strings auf bestimmte Sprachen zu aktualisieren.
Hat jemand bessere Ideen? Ich habe derzeit ein paar Probleme mit der Verwendung meiner Strings, da das Strings-Objekt vor allem anderen geladen werden muss.
Gibt es eine Platzhalterfunktion für Strings in Vue? Zum Beispiel habe ich ein Menü, dessen Einträge in den Daten meines VMs liegen. Gibt es eine Möglichkeit, das auf eine statische Zeichenfolge festzulegen und dann automatisch an eine andere Zeichenfolge zu binden, sobald sie vorhanden ist?
Das vue-i18n Plugin ist ziemlich gut. Sie haben eine Dokumentation , die dem in der Vue-Dokumentation festgelegten Standard entspricht. Das Paket wird auch auf dem neuesten Stand gehalten. Ich würde dort anfangen.
Eine Sache, die ich mag, ist ihre Unterstützung für einzelne Dateikomponenten . Sie können der Komponente ein zusätzliches Tag mit komponentenspezifischen Übersetzungen hinzufügen. Hier ist das Beispiel aus ihrer Dokumentation:
%Vor%Sie können diesen Artikel lesen ...
Ich würde empfehlen, in eine i18n-Bibliothek zu schauen, die für die Verwendung in verschiedenen Frameworks, d. h. i18next
, bereit istEs gibt auch einige Vue-Bibliotheken: zB vue-i18next oder @panter/vue-i18next
Außerdem sollten Sie nicht nur in Betracht ziehen, dass Sie Ihren Code (i18n) instrumentieren müssen, um Ihre App / Website zu übersetzen. Sie sollten auch über den Prozess nachdenken - wie lösen Sie kontinuierliche Lokalisierung , wie Sie den Fortschritt verfolgen, etc ...
Für ein Übersetzungsmanagement + System könnten Sie z. Schauen Sie sich locize an, es spielt gut mit allen JSON-basierten i18n-Frameworks ... und bietet viel mehr als herkömmliche Systeme.
Tags und Links javascript vue.js