/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スクリプトの場合、これのさまざまな例があります