什么是插入和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之间的区别