什麼是插入和VUE的指令

Question

我從來沒有使用插入指令綁定之間的不同，但我看到它在其他一些指令。

在VUE的官方文檔，它說：

綁定：調用一次，當指令第一次綁定到 元素。這是您可以進行一次性安裝工作的地方。

插入：當綁定元素已被插入到其父節點 （這隻能保證父節點存在，而不是 必然在文檔中）時調用。

我無法分辨。有什麼用例嗎？

Answer 1

好吧，我明白了。文件說的是完全正確的。

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

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') 
} 

答案來自更新和componentUpdated之間的區別