钩子函数的初步认识

之前看文档看到钩子函数,感觉很懵,不理解什么是钩子函数,直到最近在vue中写一些简单的交互时才发现,其实当你写的多了,文档看起来也就容易理解了,不然只看文档很难理解.下面就说说钩子函数:

一:什么是钩子函数

钩子简单来说就是一个处理消息的程序段,通过调用,可以挂在系统中.钩子函数的特性就是最近安装的钩子放在链的最前端,而最先安装的钩子放在链的最末端,也就是后加入的先获得控制权,这个特性有点像栈的先进后出

二:钩子函数以及部分参数

函数:

1:bind函数:只调用一次,而且是第一次绑定时调用.通常可以用于只执行一次的初始化事件

2:update:根据获得的新值执行对应的更新,通常初始值也会被调用一次

3:inserted:被绑定元素插入父节点时调用,只要父节点存在即可

4:unbind:指令与元素解绑时调用,并且只调用一次.可以做清除工作,移除在bind函数中的事件监听器

参数:

1:el:指令所绑定的元素,可以用来直接操作DOM节点

2:vnode:vue编译生成的虚拟节点

3:oldVnode:上一个虚拟节点,只能在update函数和componentUpdated函数中调用

通常:除了el参数之外,其他参数都为可读,不能修改数据

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容