173 - 说说vue的自定义指令以及它的生命周期

[bettersong]

是 ​​vue​​ 对 ​​HTML​​ 元素的扩展，给 ​​HTML​​ 元素增加自定义功能。​​vue​​ 编译 ​​DOM​​ 时，会找到指令对象，执行指令的相关方法。

自定义指令有五个生命周期

• bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。
• inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。
• update：被绑定于元素所在的模板更新时调用，而无论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新。
• componentUpdated：被绑定元素所在模板完成一次更新周期时调用。
• unbind：只调用一次，指令与元素解绑时调用。