Vue.js 在Moqui屏幕中使用Vue组件_Vue.js_Moqui

Vue.js 在Moqui屏幕中使用Vue组件

vue.js

Vue.js 在Moqui屏幕中使用Vue组件,vue.js,moqui,Vue.js,Moqui,是否可以在Moqui屏幕中使用VusJS组件？我确信你可以呈现基本的HTML，但我找不到VueJS应用程序的挂钩需求来自以下场景：虽然表单单个小部件可以折叠，但表单列表不能。所以我想使用vue-collapsible（），但我不知道应该在哪里注册组件如果无法使用vue，也许您可以帮助我解决具体问题。在/vapps路径（与/apps相反）中使用的“vuet”渲染模式中，它实际上不是发送到客户端的HTML，而是vue模板。如果查看服务器返回的文本，您将看到许多Vue组件已经在使用（请参阅We

是否可以在Moqui屏幕中使用VusJS组件？我确信你可以呈现基本的HTML，但我找不到VueJS应用程序的挂钩

需求来自以下场景：虽然表单单个小部件可以折叠，但表单列表不能。所以我想使用vue-collapsible（），但我不知道应该在哪里注册组件

如果无法使用vue，也许您可以帮助我解决具体问题。

在/vapps路径（与/apps相反）中使用的“vuet”渲染模式中，它实际上不是发送到客户端的HTML，而是vue模板。如果查看服务器返回的文本，您将看到许多Vue组件已经在使用（请参阅WebrootVue.js文件了解其源代码）。您可以使用工具窗口中的源代码或网络选项卡或其他浏览器中的类似工具在Chrome中看到这一点。如果您检查一个元素，您将看到呈现的HTML，即在Vue运行组件以将Vue模板更改为HTML之后

这意味着，如果您包含必要的JavaScript文件，并且需要CSS文件，那么您可以使用返回的Vue模板中的任何Vue组件。您可以使用带有@type=vuet的render-mode.text元素在XML屏幕文件中内联执行此操作

所有这些都不会像VueJS在Moqui框架中通过XML屏幕使用的方式在NPM下运行。换句话说，它不是一个具有100%客户端/浏览器渲染的预打包Vue应用程序，而是一种混合客户端和服务器渲染方法

您可以使用script元素在Moqui混合方法中包含脚本，该脚本元素具有WebrootVue.js文件动态加载的脚本文件的@src属性。在/vapps路径（与/apps相反）中使用的“vuet”渲染模式下，对于其他JS脚本（如Chart.JS）有各种各样的例子。它实际上不是发送到客户端的HTML，而是一个Vue模板。如果查看服务器返回的文本，您将看到许多Vue组件已经在使用（请参阅WebrootVue.js文件了解其源代码）。您可以使用工具窗口中的源代码或网络选项卡或其他浏览器中的类似工具在Chrome中看到这一点。如果您检查一个元素，您将看到呈现的HTML，即在Vue运行组件以将Vue模板更改为HTML之后

您可以使用script元素在Moqui混合方法中包含脚本，该脚本元素具有WebrootVue.js文件动态加载的脚本文件的@src属性。对于像Chart.JS这样的附加JS脚本，有很多这样的例子