2016-10-21 9 views
4

私はウェブサイトで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と一緒にバンドルすることができます。 enter image description here

これらの考えは有用ですか、まだasp.netでvuejsテンプレートを使用するための良いaproachはありますか?

編集:私は、特定のPreifxで部分的なビューのいくつかを書きました。インラインスクリプトタグを含んでいます.Vueのアプローチは非常に近く、小さなコンポーネントではクールです。インラインスクリプトはRazorを条件としているため、デベロッパービルドでのみインラインでレンダリングされ、プロダクションではセパレートされて送信されます。これを行うために、私はpowershellスクリプトを書いて、すべてのインラインコードをjsファイルにエクスクルードするプレビルドイベントとして実行します。 このファイルは他のjsファイルにバンドルされており、本番用に縮小されて提供されています。だから私はhtmlの/テンプレートとプロジェクトの他のページのすべてのカミソリの機能を使用することができます* .cshtmlビューだけです。 唯一のSPAサイトについては、iknowitwasyoufredoで述べられているアプローチがよりよく聞こえます。

+0

組み合わされたスクリプトの場合、埋め込みスクリプトの場合はhtml :)でバンドルします。なぜなら、バンドルと呼ばれる理由は要求の数を最小限に抑えるためです。ドキュメント自体に埋め込むときは、まだもう1つのスクリプトファイル要求を取り除いています。 –

答えて

1

単純なjsタスクをvue.jsを使って実行すると、jqueryではなく、良いと思います。 しかし、単一のページアプリケーション、ルーティング、双方向バインディングなどが必要な場合は、vue.jsを使用してasp.net mvcビューを混合するのは良い考えではありません。最終的には、多くの問題に直面します。

アーキテクチャ上の決定ですが、dotnetでWeb APIサービスを実装し、node.jsアプリケーション(express、webpack、vue.js)からこのサービスを使用できます。

+0

"いいアイデアではない"、なぜ? – liang

+0

Webpackのアプローチを使用する方が簡単です.Partiel Viewsではビューを覚えておく必要がありますが、動作します。素晴らしいWebpackベースのテンプレートは、dotnetコア用に存在します。 – Reiner

関連する問題