vue自定义指令生命周期
时间: 2023-11-13 14:05:44 浏览: 148
vue 指令之气泡提示效果的实现代码
Vue自定义指令的生命周期包括以下钩子函数:
1. bind:只调用一次,指令第一次绑定到元素时调用,可以在这里进行一些初始化设置。
2. inserted:被绑定元素插入父节点时调用(仅保证父节点存在,但不一定已被插入文档中),可以在这里进行一些DOM操作。
3. update:被绑定元素所在的模板更新时调用,而不论绑定值是否变化,通过比较更新前后的绑定值,可以忽略不必要的模板更新。
4. componentUpdated:被绑定元素所在模板完成一次更新周期时调用,可以在这里进行一些操作,如获取更新后的DOM节点。
5. unbind:只调用一次,指令与元素解绑时调用,可以在这里进行一些清理操作。
阅读全文