こんにちは。また新卒エンジニアの@nekobatoです。 Vueと闇の話します。 Vueが闇ってことじゃなくて、Vueで闇を作る話です。 テンプレートではなく、HTMLを読み込んでVueに繋ぎたい 用意するHTMLにv-**みたいなdirectiveは用意できるが、<script type="x-template">では囲えない。 なぜならそのHTML自体は他で使っていて、見た目に影響を出したくないから。 SPAにしろよという話でもあるのですが、今すぐ既にあるSPAに他所のHTMLを適用させたい、という場合に手っ取り早い方法を考えた所、こういうことになりました。 前提条件 JSファイルは一つ コンテンツはXHRでHTMLを受け取る さもSPAのように振る舞わせたい 読み込んだHTMLはVueで操作するのでbindingが効いている必要がある できないこと Vueのcomponent内へ単純