Blazor Code-behind

01-counter.razor

@page "/counter"

<h1>Counter</h1>

<p>Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

02-counter.cs

public partial class Counter
{
    ...
}

03-counter.cs

public partial class Counter
{
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

04-counterbase.cs

public class CounterBase : ComponentBase
{
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

05-counter.razor

@page "/counter"
@inherits CounterBase

<h1>Counter</h1>

<p>Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

06-counterbase.cs

public class CounterBase : ComponentBase
{
    protected int CurrentCount { get; set; } = 0;

    protected void IncrementCount()
    {
        this.CurrentCount++;
    }
}

07-counterbase.cs

public class CounterBase : ComponentBase
{
    protected int CurrentCount { get; set; } = 0;

    protected void IncrementCount()
    {
        this.CurrentCount++;
    }

    protected override async Task OnInitializedAsync()
    {
        this.CurrentCount = 10;
    }
}

08-counter.razor

@page "/counter"
@inherits CounterBase

<h1>Counter</h1>

<p>Current count: @CurrentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

09-counter.cs

public partial class Counter : ComponentBase
{
    protected int CurrentCount { get; set; } = 0;

    protected void IncrementCount()
    {
        this.CurrentCount++;
    }

    protected override async Task OnInitializedAsync()
    {
        this.CurrentCount = 10;
    }
}

10-counter.razor

@page "/counter"

<h1>Counter</h1>

<p>Current count: @CurrentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>