更改迁移后如何使用 Vue-i18n

Question

我正在使用 electron-vue 样板，

我尝试添加 Vue-i18n 到它，但是在 vue-i18n 的所有者之后

更改迁移： http://kazupon.github.io/vue-i18n/en/migrations.html

我很困惑如何添加 i18n，并且语言文件必须位于单独的文件夹中，例如：

--语言环境：

----en.json /或/.js

以及如何在要翻译的标签中添加字符串？

<menu-item to="/landingPage" title="My Profile" />

一定是这样的！！

<menu-item to="/landingPage" title="{{ $t('My Profile') }}" />

但这对我不起作用??

"vue-i18n": "^6.1.1"

Answer 1

我没有使用 i18n 的经验，但你不能在标签的属性中使用类似 mustache 的语法，你应该绑定属性才能工作。测试：

<menu-item to="/landingPage" v-bind:title="$t('My Profile')" />

或快捷方式：

<menu-item to="/landingPage" :title="$t('My Profile')" />

当然，这假设

<p>{{ $t('My Profile') }}</p>

工作正常）