[Blazor] @{}와 @code{}와 @function{}의 차이점

@ 의 표현은 암시적 Razor 식 HTML 영역에서 C# 코드를 렌더링 하는데 사용됩니다.

@() @와 동일하지만 명시적 Razor 표현식

@{}는 C# 코드를 HTML 영역에 통합합니다. 이 코드는 @()의 코드처럼 렌더링되지 않습니다.

@: @{} 블록 안에 있는 경우 명시적 텍스트를 삽입하려면 @: 기호를 추가하면 됩니다.

@code{} @code 블록을 사용하면 Blazor 페이지에 C#의 모든 필드, 속성 및 메서드를 추가할 수 있습니다.

 

get 속성을 설정할 수 없으며, 선언만 사용할 수 있습니다.

@{
    DateTime today = DateTime.Now;
}

아래의 코드는 함수를 사용할 수 있습니다.

@{
    public DateTime GetDate()
    {
        return DateTime.Now;
    }
}

모든 C#코드를 작성할 수 있습니다.

@code{
    [Parameter]
    public Guid id { get; set; }

    AccessoryDto accessory;
    protected override Task OnInitializedAsync()
    {
        if (id == Guid.Empty)
            accessory = new AccessoryDto();
        else
            accessory = GetAccessory(id);
        return Task.FromResult(accessory);
    }

    void cancel()
    {
        NavigationManager.NavigateTo("/accessories");
    }
}