如何在 Angular、Vue.js 和 React 等其他框架中使用 Blazor 组件

【问题标题】：How to consume the Blazor Component in other frameworks like Angular, Vue.js and React如何在 Angular、Vue.js 和 React 等其他框架中使用 Blazor 组件
【发布时间】：2021-02-22 09:22:37
【问题描述】：

我们开发了渲染 svg 数据的 Blazor Web 组件。组件依赖于 .NET 核心库（自定义 dll）。是否可以在 Angular 或 Vue.js 项目中加载/集成组件？

【问题讨论】：

我怀疑这是否可行。您的 angular/vue 是位于 mvc/razor 页面之上还是与 .net 项目分开？
我的 Angular 项目独立于 .NET。
在这种情况下你不能使用 blazor 组件。

标签： components blazor

【解决方案1】：

是的，在 JS 项目中使用 Blazor 组件是可行的！

可以通过调用 JSComponentConfigurationExtensions.RegisterForJavaScript 从 JavaScript 实例化 Blazor 组件，从 ASP.NET Core 6.0 开始就可以使用它。

从 Blazor 组件到 Angular 组件（使用 @Input、@Output、事件等）之间的差距需要一些进一步的步骤。请参阅 ASP.NET 示例中的 JavaScript Component Generation 项目，或我的 BlazorInAngularDemo github project，包括 working demo。

【讨论】：