vueによって書かれたウィジェットをvue webappに組み込む方法

私はVuejsでウェブサイトを構築しています。私は今、私はvueによって書かれたウィジェットをvue webappに組み込む方法

<div id="widget"></div> 
<script src="https://widget.com/widget.js"></script>

ようVuejsによって構築されているウィジェットを埋め込むために、この

app.js

new Vue({ 
    el: '.page-wrapper', 
    ... 
})

index.htmlを

<body> 
    <div class="page-wrapper"> 
     <!-- content--> 
    </div> 
</body>

のようなコードをしたいしています

内側page-wrapperクラス。 scriptタグを元のVueコンポーネントの外側に配置しようとしましたが、ウィジェットのコンテンツはまだレンダリングされませんでした。

私はVuejsを新しくしています。誰か助けてくれますか？

出典

2017-04-13 theanht1

私はちょうど...これで刺しを取ること

index.htmlを

<div id="app"> 
    <my-widget></my-widget> 
</div> 

<script src="https://cdn.jsdelivr.net/vue/2.2.6/vue.min.js"></script> 
<script src="https://widget.com/widget.js></script> 
<script src="main.js"></script>

main.jsマイVueのインスタンスがある

Vue.component('my-widget', { 
    template: '<div id="widget"></div>' 
}); 

new Vue({ 
    el: '#app' 
});

に行くんです#appとwidget.jsアセットをindex.htmlに読み込んでいます。私はおそらく完全にこれを過小評価している、それが事実なら謝罪する！

出典

2017-04-13 07:23:06

まだ動作しません。私は、新しいVue（）を多くのVueコンポーネントに分割するという解決策を見つけました – theanht1

vueによって書かれたウィジェットをvue webappに組み込む方法

答えて

関連する問題