作者:罗罗罗罗罗棋辉 | 来源:互联网 | 2020-08-07 23:48
钩子(hook)函数就是处理拦截在软件组件之间传递的函数调用或事件或消息的代码,本质上就是用以处理系统消息的程序,通过系统调用,把它挂入系统中
需要注意的一点是钩子函数不能保证元素已添加到DOM中。要在此阶段执行DOM依赖的代码,需要将代码置于回调方法中,并将其置于Vue.nextTick()函数中。例
I'm text inside the component.
(5)beforeUpdate:在修补DOM之前,可以随时更改我们的数据,并且需要更新DOM。注意在服务器端呈现期间不会调用此钩子函数,因为只在服务器端执行初始呈现。
(6)updated:在更改完成后触发钩子函数。调用此函数时,组件的DOM会更新,因此可以在此处执行与DOM相关的操作。但是,在大多数情况下,应该避免更改钩子内的状态。通常最好使用计算属性或观察者。
需要注意的是更新并不能保证所有的子组件也进行了重新呈现。如果想等到整个视图被重新渲染,你可以在更新的内部使用vm,$el
(7)beforeDestroy:在销毁Vue实例之前调用。在此阶段,实例仍然完全正常运行。可以在此处执行必要的清理。请注意,在服务器端呈现期间不会调用此挂接。
(8)Destroyed:在Vue实例被销毁后调用。调用此函数时,Vue实例的所有指令都已解除绑定,所有事件侦听器都已删除,并且所有子Vue实例也已被销毁。请注意,在服务器端呈现期间不会调用此挂接。
总结:以上就是有关于钩子函数的介绍,希望对大家有所帮助
以上就是钩子函数是什么的详细内容,更多请关注 第一PHP社区 其它相关文章!