在 Moqui 屏幕中使用 Vue 组件

Using Vue Components in Moqui Screens

是否可以将 VusJS 组件用于 Moqui 屏幕? 我确定您可以呈现 Basic HTML,但我找不到 VueJS 应用程序的挂钩。

需求来源于以下场景: 虽然 form-single 小部件可以折叠,但 form-list 不能。所以我想使用 vue-collapsible (https://github.com/vue-comps/vue-collapsible) 但我不知道应该在哪里注册组件。

如果没有办法使用vue,也许你可以帮我解决我的具体问题。

在 /vapps 路径(与 /apps 相对)中使用的 'vuet' 呈现模式中,它实际上并未 HTML 发送到客户端,它是一个 Vue 模板。如果您查看服务器返回的文本,您会看到许多 Vue 组件已被使用(请参阅 WebrootVue.js 文件了解它们的来源)。您可以在 Chrome 中使用工具 window 中的“来源”或“网络”选项卡或其他浏览器中的类似工具来查看。如果您检查一个元素,您将查看呈现的 HTML,即在 Vue 运行组件以将 Vue 模板更改为 HTML.

之后

这意味着如果您包含必要的 JavaScript 文件,并且如果需要 CSS 文件,那么您可以在返回的 Vue 模板中使用任何 Vue 组件。您可以使用带有 @type=vuet.

的 render-mode.text 元素在 XML 屏幕文件中内联执行此操作

None 在 NPM 下运行,就像通过 XML 屏幕在 Moqui 框架中使用 VueJS 一样。换句话说,它不是具有 100% client/browser 渲染的预打包 Vue 应用程序,而是一种混合的客户端和服务器渲染方法。

您可以在这种 Moqui 混合方法中包含脚本,使用脚本元素和 WebrootVue.js 文件动态加载的脚本文件的 @src 属性。对于其他 JS 脚本,例如 Chart.JS

有各种这样的示例