は、Ajaxリクエスト

Question

ユースケースの後に動的に追加HTMLでコンポーネントをレンダリングします

私はいくつかのAjaxリクエストの後にdinamically HTMLを追加jQueryのライブラリの依存関係を持っています。私は追加されたHTMLの内部にVueコンポーネントを表示したいと思います。 HTMLのコンテンツを提供することはできますが、JQueryを使用してDOMに追加する方法を変更することはできません。

Ajaxリクエストが終了し、HTMLがDOMに追加されたときに、コンポーネントをレンダリングする以外に選択肢はありません。

これを行うにはどうすればよいでしょうか？

Answer 1

"ベスト"アプローチは非常に主観的です。

import component from 'Component.vue' 
new Vue({ 
    el: '#targetId', 
    render: h => h(component) 
}) 

これを使用すると、単一のファイルのコンポーネントを使用していることを前提としています。あなたは要素のIDを知っていれば

しかし、あなたは確か要素に部品を取り付けることができます。 documentation：

new Vue({ 
    el: '#targetId', 
    // options 
})