razor - 了解 Blazor 道具语法

Question

我知道C#但最近主要是在编程React，我现在正在研究Blazor并试图理解它的古怪语法。

我在不同的示例中看到，当将道具（属性）传递给组件时，@在不同的位置使用了一个标志：

我见过的例子：

• 在属性值之前，在引号内 <Component title="@SomeValue"/>

• 在属性值之前，没有引号 <Component title=@SomeValue/>

• 在属性名称之前 <Component @title="SomeValue"/>

这些是什么？我注意到没有@经常与它相同。官方文档没有深入了解这个

Answer 1

我在不同的示例中看到，当将道具（属性）传递给组件时，@ 符号被用于不同的位置

是的，这在预览版中已经改变了几次。因此，一些博客和示例将过时。所以首先要检查：这段代码或文章有多少年了？

官方文档没有讨论这些变化，但它们是最新版本的。

主要更改在preview6中：“在此 Blazor 版本中，我们已对指令属性的通用语法进行了标准化。”

我的简单总结：Blazor 属性（指令）以 开头@，普通的 HTML 属性不是。
这些属性（绑定或事件处理程序）的值不需要@

在后来的预览中，确定属性应该区分大小写。