动机 D3中旨在直接产生DOM元素的部分很难与框架一起使用,因为需要人工工作才能正确地响应更改。 避免这种情况是前端框架首先存在的原因之一,因此对于某些人来说,这就像一个退步。 当然,您可以在诸如Preact之类的前端框架中使用d3轴之类的功能,但这并不是那么漂亮:您必须使用ref回调(请参阅)。 在Vue.js中,引用回调甚至不存在。 许多可视化库(例如从头开始实现诸如轴之类的功能,因为这样更容易。 Web组件使我们能够构建可响应更改的组件,并且可在原始JavaScript和现代框架中使用。 用法 这显然是实验性的,并不意味着要在“严重”的环境中使用。 有关如何使用组件的指南,请参考》