vue jsを使用してhtmlファイルに異なるhtmlファイルを含めるにはどうすればよいですか？

Question

私はrequire_once（）をphpで使用することを知っていますが、私のプロジェクトではphpを使用できません。私はw3-w3-includeを試しましたが、その場合はスクリプトが読み込まれません。 jsでもロードしようとしたときにも同じことが起こりました。私は非常にproccedに固執しています。誰でも手伝って進めることができますか？

私はこの二つが私のために働いていない

  <script> 
      w3.includeHTML(); 
      </script> 

を使用W3-学校のため

<script> 
    $(function(){ 
     $("#includedContent").load("b.html"); 
    }); 
    </script> 

jsのためにこれを使用していました。解決策を提示してください。 vue jsで私を助けた方がいいですか？

Answer 1

ajaxを使用してHTMLを取得し、それをローカル変数に設定してv-htmlを使用してレンダリングできるはずです。

しかし、これは良い方法ではありません。 HTMLファイルには、マークアップを混乱させる可能性のあるhtml、body、headタグなど、フルページのマークアップが含まれている可能性があります。

あなたの場合、あらかじめ構造が分かっているいくつかの異なるHTMLページがある場合は、それらをVueテンプレートとして使用する必要があります。 HTMLは、Vueコンポーネントのテンプレートに直接コピーすることができ、うまく動作します。

一方、ユーザーがHTMLを書き込めるようなものを使用する場合は、データベースに格納する必要があります。たとえば、HTMLで書式を設定できる投稿をユーザーが作成するフォーラムがある場合、データベース内の単一の投稿のマークアップを保存してからフェッチしてv-htmlでレンダリングすることができます。