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

Question

我正在使用electron-vue样板

我试图向其中添加Vue-i18n，但是在vue-i18n的所有者之后

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

我觉得如何添加i18n ，而Langue文件必须位于单独的文件夹中：

- 语言环境：

---- en.json /or/.js

以及如何在标签中添加字符串像这样进行翻译？

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

一定是这样!!

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

但是这对我不起作用？

＆＃34; vue-i18n＆＃34;：＆＃34; ^ 6.1.1＆＃34;

Answer 1

我对i18n没有经验，但你不能在标签内使用类似胡子的sintax＆＃39;属性，您应该绑定该属性以使其工作。测试：

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

或快捷方式：

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

当然，这假设

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

工作正常）