Question

我从不使用insert in指令，但我在其他指令中看到了它。

在vue的官方文档中，它说：

bind：当指令首次绑定到时，只调用一次   元件。这是您可以进行一次性设置工作的地方。

inserted：在绑定元素插入其中时调用   父节点（这只保证父节点存在，而不是   必须在文件中。）

我无法区分。是否有任何用例？

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

更新和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')
}

答案来自

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

在vue的指令中插入和绑定之间有什么不同

1 个答案: