Vue.js 在VueJS组件上运行TYPO3流体

我有一个VueJS组件，我正在尝试通过Fluid标记添加翻译文本

<div xmlns="http://www.w3.org/1999/xhtml"
     xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers">
  <h2><f:translate key="search.resultPage"/>"{{mutatedQuery}}".</h2>
</div>

“{{mutatedQuery}}”。

---

标记显示在前端，但

标记为空。

我没有成功将Fluid集成到Vue上，我认为两者都有不同的渲染引擎，无法按照我的要求进行同步

我通过将

作为

数据属性添加到另一个标记（在vue中未呈现）上解决了这个问题，并在vue组件上得到转换。
→ Vue
事实上，这很棘手，因为Fluid不支持推理文本的转义字符，如
{}
，这在任何其他客户端框架（如Vue或Angular）中也使用

案例
流体模板
渲染输出
1.
{{item.value}}
ø
2.
{{item.value}}
{{item.value}}
3.
{{item.value}}
{{item.value}}
尝试在f:translate标记中添加extensionName参数。它可能不知道TYPO3应该从哪个扩展获得翻译。同时删除所有缓存。如果这是答案，请告诉我把它作为答案贴出来。我试过了，但不起作用