2017-07-18 6 views
0

Moqui画面にVusJSコンポーネントを使用することはできますか? 基本HTMLをレンダリングできることは確かですが、VueJSアプリのフックを見つけることができませんでした。 フォーム・シングルウィジェットが折りたためる行うことができますがフォームリストができない、 :Moqui画面でVueコンポーネントを使用する

必要が次のシナリオから来ています。だから、私はvue-collapsiblehttps://github.com/vue-comps/vue-collapsible)を使いたかったのですが、どこにコンポーネントを登録するのか分かりません。

vueを使用する方法がない場合は、私の具体的な問題で私を助けることができます。

答えて

0

/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 FrameworkでXMLスクリーンを通じて使用される方法ではNPMで実行されません。言い換えれば、100%クライアント/ブラウザレンダリングを備えたあらかじめパッケージ化されたVueアプリではなく、むしろハイブリッドクライアントおよびサーバレンダリングアプローチです。

このMoquiハイブリッドアプローチでは、WebrootVue.jsファイルが即時にロードするスクリプトファイルの@src属性を持つscript要素を使用して、スクリプトを含めることができます。 Chart.JSのような追加のJSスクリプトの場合、これのさまざまな例があります

関連する問題