私はウェブサイトでVue.jsを使用しており、htmlコードとjs-Codeのテンプレートを1つのjsファイルに追加しました。 私は* .vue < - > Vuefy/Browserfyのアプローチを使用したくないのですが、後でjsファイルをバンドルして小さくします。vuejsテンプレートals asp.net partialviews、良い練習?
私はAsp.Net MVCを使用する必要があるので、ビュー内で単一のHtmlファイルを分割し、@ Render.Partial(...)で階層的に構造化されたvue-div要素を挿入できます。 この方法で私はきれいな分離を行い、* .vueファイルのような同じシステムを使用することができます。
これは良い方法でしょうか?
すべての部分.cshtmlにhtmlと新しいVue({})を書くか、そこにhtmlコードを書いてjavascriptを(a)js-file(s)に入れる方がよいと思いますか?
スクリプトタグのjsコードをバンドルすることはできませんでした。私は多くのインラインコードが好きではありませんが、コンポーネントコードをうまく組み合わせることができます。
複数のjsファイルを使用すると、その部分パートナーの横にあるビューフォルダに保存して、VS Extension BundlerとMinifierと一緒にバンドルすることができます。
これらの考えは有用ですか、まだasp.netでvuejsテンプレートを使用するための良いaproachはありますか?
編集:私は、特定のPreifxで部分的なビューのいくつかを書きました。インラインスクリプトタグを含んでいます.Vueのアプローチは非常に近く、小さなコンポーネントではクールです。インラインスクリプトはRazorを条件としているため、デベロッパービルドでのみインラインでレンダリングされ、プロダクションではセパレートされて送信されます。これを行うために、私はpowershellスクリプトを書いて、すべてのインラインコードをjsファイルにエクスクルードするプレビルドイベントとして実行します。 このファイルは他のjsファイルにバンドルされており、本番用に縮小されて提供されています。だから私はhtmlの/テンプレートとプロジェクトの他のページのすべてのカミソリの機能を使用することができます* .cshtmlビューだけです。 唯一のSPAサイトについては、iknowitwasyoufredoで述べられているアプローチがよりよく聞こえます。
組み合わされたスクリプトの場合、埋め込みスクリプトの場合はhtml :)でバンドルします。なぜなら、バンドルと呼ばれる理由は要求の数を最小限に抑えるためです。ドキュメント自体に埋め込むときは、まだもう1つのスクリプトファイル要求を取り除いています。 –