vue的自定义指令可以通过注册全局指令或在组件内部组件注册局部指令来使用。自定义指令提供了一种灵活的方式,可以扩展vue的行为以满足各种特殊需求。
自定义指令支持如下钩子函数:
- bind:只调用一次,在指令绑定到元素上时触发。
- inserted:当被绑定的元素插入到DOM中触发
- update:当被绑定的元素所在的模板更新时调用,而不论绑定值是否变化
- componentUpdated:当被绑定的元素所在的模板完成一次更新周期时调用
- unbind:只调用一次,在指令与元素解绑时触发
使用场景:
自动聚焦输入框
鼠标拖动元素改变位置大小
实现无线滚动加载数据
按钮防重复点击