ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Blazor入手教程(六)组件的生命周期

2020-11-23 16:04:10  阅读:369  来源: 互联网

标签:教程 生命周期 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. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有