标签:教程 生命周期 Console firstRender base WriteLine 组件 Blazor
Blazor入手教程(六)组件的生命周期
Blazor中组件的生命周期和vue十分相似:大体上说都是创建,渲染,然后监听变量的改变重新渲染,最后销毁,当然细节上还是各有不同的。
Vue组件的生命周期 |
Blazor组件的生命周期 |
|
|
Blazor组件生命周期 |
|
可覆写方法 |
说明 |
无可重写方法 |
创建组件实例 |
SetParametersAsync |
每次参数注入时或在父级被修改时调用。即从父级传过来的参数,或者祖先级传过来的级联参数,或者路由参数。在初始化之前,接受一个ParameterView类型参数,可枚举。
|
OnInitialized/OnInitializedAsync |
初始化,参数注入完成后 |
OnParametersSet/OnParametersSetAsync |
每次参数设置之后调用,完成之后开始渲染组件,如果是异步则等待完成后渲染 |
OnAfterRender /OnAfterRenderAsync
|
每次渲染结束后调用,接受一个参数firstRender表示是否是首次渲染,只有在首次渲染是是true,其余均是false。 |
ShouldRender |
除了首次每次渲染完成后调用,返回一个bool值,表示是否进行渲染 |
|
每次渲染完成后调用,接 |
只有OnInitialized/OnInitializedAsync是只调用一次的,其他的都有可能调用多次。
框架里面的生命周期本来是没有销毁的。但是你可以通过组件继承IDispose接口来自定义组件的释放。
单个页面的生命周期
嵌入子组件时父组件和子组件Modal的各自的生命周期
在Blazor页面可以覆写这些方法。
@page "/lifecycle" <h3>生命周期</h3> @code { public override Task SetParametersAsync(ParameterView parameters) { Console.WriteLine("SetParametersAsync ParameterView=" + parameters); foreach (var item in parameters) { Console.WriteLine("parameters item.Name=" + item.Name + ",item.Value=" + item.Value); } return base.SetParametersAsync(parameters); } protected override void OnInitialized() { Console.WriteLine("OnInitialized"); base.OnInitialized(); } protected override Task OnInitializedAsync() { Console.WriteLine("OnInitializedAsync"); return base.OnInitializedAsync(); } protected override void OnAfterRender(bool firstRender) { Console.WriteLine("OnAfterRender firstRender=" + firstRender); base.OnAfterRender(firstRender); } protected override Task OnAfterRenderAsync(bool firstRender) { Console.WriteLine("OnAfterRenderAsync firstRender=" + firstRender); return base.OnAfterRenderAsync(firstRender); } protected override void OnParametersSet() { Console.WriteLine("OnParametersSet"); base.OnParametersSet(); } protected override Task OnParametersSetAsync() { Console.WriteLine("OnParametersSetAsync"); return base.OnParametersSetAsync(); } // // 摘要: // Returns a flag to indicate whether the component should render. protected override bool ShouldRender() { Console.WriteLine("ShouldRender"); return base.ShouldRender(); } }
标签:教程,生命周期,Console,firstRender,base,WriteLine,组件,Blazor 来源: https://www.cnblogs.com/jimsfriend/p/14017085.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。