如文档所述:
也:
问题是我不知道它们之间的区别。那么区别是什么呢?什么时候应该使用connectedCallback
?何时使用firstUpdated
生命周期挂钩?
最佳答案
“更新”是一个LitElement生命周期阶段,该阶段以批处理方式异步发生,在更改属性,创建元素或调用requestUpdate()
之后。 LitElement在更新期间执行渲染。 updated()
和firstUpdated()
是更新后调用的生命周期回调。 firstUpdated()
仅被调用一次,它旨在用于一次依赖于更新/渲染的设置,例如查询影子根目录以获取重要元素。
每次将元素连接到文档时都会调用connectedCallback()
,浏览器会同步调用它。如果一个元素已断开连接并重新连接,则可以连接多次。由于connectedCallback()
是同步调用的,因此可以在第一次更新/渲染之前调用它,并且该元素可能不具有某些依赖于渲染的任务所需的状态。
我将使用构造函数和firstUpdated()
进行大多数一次性设置工作,并使用connectedCallback()
进行工作,该工作取决于元素所在的树结构-例如触发事件以连接到 parent 和祖先。
关于javascript - LitElement connectedCallback()与firstUpdate(),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57182650/