vuejsを使用して外部HTMLを読み込む2

Question

Vuejs 2を使用して外部HTMLページを読み込むにはどうすればよいですか？これは

HTML

<div class="main" id="main" style="height: 600px; width: 1200px;"> 

</div> 

jqueryので

$(document).ready(function() { 
    $('div.main').load('main_template.html'); 

}); 

JS私のコードである私は、可能な場合、これは2をvuejsに変換したいと思い、事前にあなたに感謝。

Answer 1

あなたが行うことができv-htmlディレクティブを使用しますが、次の点に注意してください内容はプレーンなHTMLとして に挿入されていることを

注 - 彼らはVueのテンプレートとしてコンパイルされることはありません。 v-htmlを使用してテンプレートを作成しようとしている場合は、代わりにコンポーネントを使用して の解決策を再考してみてください。

そして：

それが簡単にXSS攻撃につながることができますので、動的にウェブサイト上で任意のHTMLをレンダリングすることは非常に 危険なことができます。信頼できるコンテンツでv-html のみを使用し、ユーザー提供のコンテンツでは使用しないでください。それはまだあなたのケースに合わせた場合

、あなたは、このようaxiosとして、任意のHTTPライブラリを使用することができ、コンテンツを要求するために、データプロパティに入れ、そしてV-HTMLでそれを使用しています。