要素がロードされた場合にのみvueコンポーネントを実行

Question

javascriptで定義された小さなvue.jsコンポーネントがあります。

要素が読み込まれたときにだけvueコンポーネントをインスタンス化するエレガントな方法はありますか？

問題は、私は要素が存在しない他のHTMLSにこれらの警告を受けています：これはどこでも

それはVUEでの世話をされてどのように

new Vue({ 
    el: '#item', 
    }); 

JS実行しているので

vue.js:485 [Vue warn]: Cannot find element: #item 

.js？

Answer 1

インスタンスを作成する前に要素をテストします。

if(document.getElementById("#item")){ 
    new Vue({ 
    el: '#item', 
    }); 
}