小程序组件生命周期

本文共有3751个字，关键词：

<p><span style="color: #ffa54f;">Component</span>(<span style="color: #89ddff;">{</span></p><p>pageLifetimes<span style="color: #89ddff;">:</span> <span style="color: #89ddff;">{</span></p><p>    <span style="color: #ffa54f;">show</span><span style="color: #89ddff;">:</span> <span style="color: #f7e45a;">function</span><span style="color: #89ddff;">()</span> <span style="color: #89ddff;">{</span></p><p><span style="color: #89ddff;">      </span><span style="color: #7ccd7d;">// 页面被展示  初始化数据的时候操作</span></p><p>      <span style="color: #66caff;">this</span><span style="color: #89ddff;">.</span><span style="color: #ffa54f;">_randColor</span>()</p><p>    <span style="color: #89ddff;">},</span></p><p>    <span style="color: #ffa54f;">hide</span><span style="color: #89ddff;">:</span> <span style="color: #f7e45a;">function</span><span style="color: #89ddff;">()</span> <span style="color: #89ddff;">{</span></p><p><span style="color: #89ddff;">      </span><span style="color: #7ccd7d;">// 页面被隐藏</span></p><p>    <span style="color: #89ddff;">},</span></p><p>    <span style="color: #ffa54f;">resize</span><span style="color: #89ddff;">:</span> <span style="color: #f7e45a;">function</span><span style="color: #89ddff;">(</span><span style="color: #fa8072;">size</span><span style="color: #89ddff;">)</span> <span style="color: #89ddff;">{</span></p><p><span style="color: #89ddff;">      </span><span style="color: #7ccd7d;">// 页面尺寸变化</span></p><p>    <span style="color: #89ddff;">}</span></p><p>  <span style="color: #89ddff;">},</span></p><p>  lifetimes<span style="color: #89ddff;">:</span> <span style="color: #89ddff;">{</span></p><p>    <span style="color: #ffa54f;">attached</span><span style="color: #89ddff;">:</span> <span style="color: #f7e45a;">function</span> <span style="color: #89ddff;">()</span> <span style="color: #89ddff;">{</span></p><p>      <span style="color: #89ddff;">try</span> <span style="color: #89ddff;">{</span></p><p><span style="color: #89ddff;">       </span><span style="color: #7ccd7d;">// 需要在初始化的时候做的操作</span></p><p>      <span style="color: #89ddff;">}</span> <span style="color: #89ddff;">catch</span> (<span style="color: #c0c0c0;">e</span>) <span style="color: #89ddff;">{</span></p><p>      <span style="color: #89ddff;">}</span></p><p>      <span style="color: #66caff;">this</span><span style="color: #89ddff;">.</span><span style="color: #ffa54f;">_randColor</span>()</p><p><span style="color: #89ddff;">      </span><span style="color: #7ccd7d;">// 在组件实例进入页面节点树时执行</span></p><p>    <span style="color: #89ddff;">},</span></p><p>    <span style="color: #ffa54f;">detached</span><span style="color: #89ddff;">:</span> <span style="color: #f7e45a;">function</span> <span style="color: #89ddff;">()</span> <span style="color: #89ddff;">{</span></p><p><span style="color: #89ddff;">      </span><span style="color: #7ccd7d;">// 在组件实例被从页面节点树移除时执行</span></p><p>    <span style="color: #89ddff;">},</span></p><p>  <span style="color: #89ddff;">}</span></p><p>}</p><p>pageLifetimes在每次页面载入时都会执行</p>

版权声明：本文为作者原创，如需转载须联系作者本人同意，未经作者本人同意不得擅自转载。

小程序
2022-06-28
评论
295 次浏览

小程序组件监听 1/1 小程序纯数据字段

添加新评论

暂无评论