v-modelに動的に作成されたhtmlをvue.jsに追加するには？

Question

私はvue.jsを使用しています。 jqueryプラグインを使用して作成したセレクタにvueモデルを追加します。 マイコード：

<div class="app"> 
    <div class="wysiwyg-wrap"></div> 
</div> 

<script> 
    new Vue({ 
     el: '.app', 
     data: { 
      wysiwygText: 'text demo' 
     }, 
     created: function(){ 
      $('.wysiwyg-wrap').trumbowyg(); 
     } 
    }); 
</script> 

jQueryプラグインtrumbowygは、内部の '.wysiwygラップ' 多くのHTML要素を作成します。どのようにこの要素の1つを追加するv-model binding？私は私のredactorに入力し、結果をvueモデルからの 'wysiwygText'に保存したい。 ありがとうございました！

Answer 1

これはカスタムディレクティブの優れた使用例です。ここでのVueにjQueryの機能を追加するカスタムディレクティブの例です：https://vuejs.org/examples/select2.html

Answer 2

あなたはその後、私はコンポーネントを使用する任意の要素

<div class="app"> 
    <div v-wysiwyg-wrap></div> 
</div>