双屏VS开发Blazor Razor组件

ado*_*lot 6 visual-studio blazor razor-components

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

agu*_*ars 12

您可以使用后面的代码partial class

MyComponent.razor

<h1>Thi is a component @Title</h1>
Run Code Online (Sandbox Code Playgroud)

MyComponent.razor.cs

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

Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

这是一个 3.1 的未来,在 3.1 之前你不能使用partial class继承自派生自的类Microsoft.AspNetCore.Components.ComponenBase

3.1之前

MyComponent.razor

@inherits MyComponentModel
<h1>Thi is a component @Title</h1>
Run Code Online (Sandbox Code Playgroud)

MyComponent.razor.cs

using Microsoft.AspNetCore.Components;

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


Run Code Online (Sandbox Code Playgroud)