vueのディレクティブに挿入されたものとバインドされるものとの違い

Question

挿入されたディレクティブは使用されませんでしたが、他のディレクティブでも見ました。 VUEの公式ドキュメントで

、それは言う：

バインド：一度だけ呼ばれ、ディレクティブは最初 要素にバインドされています。これは、一度のセットアップ作業を実行できる場所です。

挿入：バインドされた要素が親ノードの に挿入されたときに呼び出されます（これは、親ノードの存在を保証し、 は必ずドキュメント内にありません）。

私はその違いを知ることができませんでした。そのためのユースケースはありますか？

Answer 1

[OK]を取得します。その医師の言うことは全く真実です。

bind: function (el) { 
    console.log(el.parentNode) // null 
    console.log('bind') 
}, 

inserted: function (el) { 
    console.log(el.parentNode) // <div id="app">...</div> 
    console.log('inserted') 
} 

そして答えは

https://imys.net/20161216/vue-custom-directive-hook.html

から来アップデートとcomponentUpdated

update: function (el) { 
    console.log(el.innerHTML) // Hello, before updated 
    console.log('update') 
}, 
componentUpdated: function (el) { 
    console.log(el.innerHTML) // Hi, after updated 
    console.log('componentUpdated') 
} 

の違い