双屏VS中开发Blazor Razor组件

Question

有没有办法在 Visual Studio 双屏环境中打开 Razor 组件。我喜欢在一个屏幕上有标记，在另一个屏幕上有 @code {} 部分。虽然 MVC 开发通常标记在一个屏幕上，而 JS 在另一个屏幕上。切换到 Blazor C# 取代了 JS，但我的想法仍然映射到从一个读取标记，而另一个是代码。我们可以创建代码与 markp 分离但仍然连接的组件吗？

Answer 1

您可以将后面的代码与 partial class 一起使用：

MyComponent.razor

<h1>Thi is a component @Title</h1>

MyComponent.razor.cs

public partial class MyComponent
{
      [Parameter]
      public string Title { get; set; }
}

This is a 3.1 future, before 3.1 you cannot use partial class be inherits from class deriving from Microsoft.AspNetCore.Components.ComponenBase

3.1 之前

MyComponent.razor

@inherits MyComponentModel
<h1>Thi is a component @Title</h1>

MyComponent.razor.cs

using Microsoft.AspNetCore.Components;

public class MyComponentModel : ComponentBase
{
      [Parameter]
      public string Title { get; set; }
}

双屏VS中开发Blazor Razor组件

Developing Blazor Razor component in VS with dual screens

visual-studio

blazor

razor-components

3.1 之前