在学习Vue中涉及到钩子函数,通过查阅相关的资料,得知这个概念并不是Vue独有的,而是Windows消息处理机制的一部分,当某事件触发的时候,系统自动捕获它,并作出一些操作,程序员可以通过设置函数内容,实现目标功能
常见的钩子函数:
1.bind:当指令被绑定到元素上时,即执行bind函数一次
2.inserted:当DOM元素被插入到DOM树上时,执行inserted函数
3.updated:当DOM树结点更新的时候,执行updated函数
4.unbinded:元素取消绑定时,执行函数
钩子函数的桉树:钩子函数有两个参数:
1.el,它是原生js对象,表示指令绑定的元素id,它拥有DOM属性
2.binding,它是一个对象,用于获取调用指令时传入的参数,包含以下属性:
- name:表示该指令的名称
- value:表示传入参数的值,如果传入表达式,则value为表达式的值
- expression:表示传入的字符串,如果传入表达式,则expression为表达式组成的字符串
- arg:表示传入指令的参数
el 和 binding都是形参,可以改变它的名称,但是用法不变