angular - 框架中 Web 组件的状态

Question

我想了解最常用框架的 Web 组件状态：React、Angular 和 Vue.js

1. 是否支持 Web 组件？
2. 我可以用它们构建 Web 组件吗？
3. 我可以在这些框架中使用组件（2.）吗，例如 Vue.js 中的 React Web Components？

标签： angularreactjsvue.jsweb-component

Answer 1

1. 是的，所有这些框架都可以使用原生 Web 组件。
2. 不，这些框架都不能制作原生 Web 组件。他们每个人都有自己制作组件的方式，这些组件可能与 Native 规范直接兼容，也可能不兼容。
3. 虽然可以在 React 等中使用 Angular 组件，但我不建议这样做。

一个本地组件可以编写一个并在任何地方使用。对于还不支持 Native 规范的浏览器，您将需要 polyfill。但我从 IE11 开始使用它们。而且我在您提到的所有 3 个框架中都使用了编写良好的原生组件。

但是，如果您在任何框架中编写了不符合 Native 规范的内容，那么最好在该框架中继续使用 ii。跨越框架边界是昂贵的，并且通常会出现可能阻止它们工作的并发症。