C# Blazor MVVM 패턴 사용하기

C# Blazor MVVM 패턴 사용하기

 

WPF 를 프로젝트를 하다보니 MVVM 패턴이 익숙해 졌습니다.

Blazor 에서도 가능한지 확인해 보니 MVVM 처럼? 사용이 가능해서

방법을 알아봅니다. 그닥 추천하지는 않습니다.

 

여기에서는 기본으로 생성되는 counter 페이지를 사용했습니다.

 

1. ViewModel 을 정의합니다.

public class CounterViewModel
{
    public int Count { get; set; }

    public CounterViewModel()
    {

    }

    public void IncrementCount()
    {
        Count += 1;
    }
}

 

2.  종속성 주입

Progrram.cs 파일에 아래 코드를 추가합니다.

builder.Services.AddScoped<CounterViewModel>();

 

3. Counter.razor 에서 ViewModel 사용

@page "/counter"
@using RadzenControlTest.ViewModels

@inject CounterViewModel viewmodel

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p role="status">Current count: @viewmodel.Count</p>

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

@code {

}

 

결과