vue中文翻译拼音组件_Vue组件可简化文本的翻译方式：通过内联翻译

vue中文翻译拼音组件

@ alidrus / vue-simple-inline-translation (@alidrus/vue-simple-inline-translation)

A Vue component that simplifies the way text is translated: by translating it inline.

Vue组件可简化文本的翻译方式：通过内联翻译。

动机 (Motivation)

From my observation throughout the years, I have noticed that in most (or all) translation systems, translated strings are looked up from an array or object which has to be maintained separately from the markup. While working on translating a page, one often has to open a split view in the editor to find the corresponding string to look up in the current portion of the markup. As a result, it becomes a little bit confusing for the person writing content (and markup) as they would need to keep things in sync and remember which lookup keys or symbols go into which portions of the page.

通过多年来的观察，我注意到在大多数(或所有)翻译系统中，都是从数组或对象中查找已翻译的字符串，而这些数组或对象必须与标记分开维护。 在翻译页面时，通常必须在编辑器中打开一个拆分视图，以找到相应的字符串以在标记的当前部分中查找。 结果，对于编写内容(和标记)的人员来说，这变得有些混乱，因为他们需要使事物保持同步并记住哪些查找键或符号进入页面的哪些部分。

So I wondered, what if there was a way to put the translations inline so that you can have the translated content and the original content placed side by side in the page's markup. This is where vue-simple-inline-translation comes in to the rescue.

所以我想知道，是否有一种方法可以将翻译内联，以便您可以将翻译后的内容和原始内容并排放置在页面标记中。 这就是vue-simple-inline-translate进行救援的地方。

安装 (Installation