如何动态引用Vue等剃刀组件？

Question

通常，在Vue.js中，您会在标记中引用类似于Blazor的组件：

<UserImageComponent>
    ...
</UserImageComponent>

但是，Vue.js能够动态加载组件：

<component v-bind:is="UserImageComponent">
    ...
</component>

Blazor有这样的东西吗？

Answer 1

简单的方法是构建一个基本为空的组件，为其提供ChildContent参数，并将其设置为您喜欢的任何内容。

[Parameter]
public RenderFragment ChildContent { get; set; }

RenderFragment会渲染您扔在那里的任何东西，即使它是另一个组件或您动态设置它也是如此。