blazor-webassembly - blazor，@code 指令外部和内部定义字段之间的区别

Question

Blazor 组件定义的字段内部和外部代码指令

@code 指令外部和内部的定义字段有什么不同。

@{ int color = 128;} 
for(int i =0; i<250 ;i++) 
{
   color++;
   <span>@color </span>
} 
<h1>@color</h1>

@code{
    int color = 128;
}

我注意到，当我将这些用于..时会有所不同。请解释发生了什么以及为什么会发生。

Answer 1

区别在于范围和初始化变量的时间。

块中的内容code在任何标记呈现之前被初始化，并且可用于组件中的所有内容。

标记中的内容是本地的，并且只存在于标记的范围内——因此您可以将计数器或临时字符串变量等内容放在那里。

把你的标记想象成一个看起来很有趣的 C# 代码块，你就会有正确的想法。