如文档所述:



也:



问题是我不知道它们之间的区别。那么区别是什么呢?什么时候应该使用connectedCallback?何时使用firstUpdated生命周期挂钩?

最佳答案

“更新”是一个LitElement生命周期阶段,该阶段以批处理方式异步发生,在更改属性,创建元素或调用requestUpdate()之后。 LitElement在更新期间执行渲染。 updated()firstUpdated()是更新后调用的生命周期回调。 firstUpdated()仅被调用一次,它旨在用于一次依赖于更新/渲染的设置,例如查询影子根目录以获取重要元素。

每次将元素连接到文档时都会调用connectedCallback(),浏览器会同步调用它。如果一个元素已断开连接并重新连接,则可以连接多次。由于connectedCallback()是同步调用的,因此可以在第一次更新/渲染之前调用它,并且该元素可能不具有某些依赖于渲染的任务所需的状态。

我将使用构造函数和firstUpdated()进行大多数一次性设置工作,并使用connectedCallback()进行工作,该工作取决于元素所在的树结构-例如触发事件以连接到 parent 和祖先。

关于javascript - LitElement connectedCallback()与firstUpdate(),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57182650/

10-08 21:57