Svelte 组件可以嵌入到非 Svelte 应用程序中吗？

Question

我在一个有多个项目的小组中工作，每个项目都是用不同的框架编写的。我们想要一些独立的小部件，它们的行为和外观是标准的，但可以在任何系统中使用。我认为 Svelte 听起来是个不错的选择，因为它不需要在前端添加框架。但是我找不到任何说明 Svelte 可以在其他系统中使用的内容；它必须是一个全 Svelte 应用程序才能拥有 Svelte 组件。

那是对的吗？或者有什么方法可以将 Svelte 组件嵌入到另一个系统中？

Answer 1

一旦您引用了要附加 Svelte 组件的 DOM 元素，您就可以在任何地方包含 Svelte 组件。

const container = document.querySelector('.container');

//MyComponent is the compiled component
new MyComponent({
  target : container
});

请参阅 Svelte 文档：https://svelte.dev/docs#run-time-client-side-component-api

但是，如果您包含多个这样的组件，那么您在处理状态的方式上就会受到一些限制。