javascript - sveltejs - 组件的静态属性

Question

我有一个场景，我需要向组件类提供信息，以便下游实例化可以使用该信息。

例如:

import { AComponent } from 'AComponent.svelte'
...
AComponent.classInfo = {something: somedata}

然后，组件可以访问该信息，如下所示:

<script>
  let something = AComponent.classInfo.something
</script>

在这些问题中讨论的 V2(我使用的是 3)中似乎有一些努力来提供这种功能:Support Component Static Method #480 ，结果是 Added setup function which can supply static methods/properties. #572 .

然而，扫描当前文档显示没有这样的设置方法。那么，它是否从 V2 到 3 幸存下来？如果没有，是否有某种方法可以做到这一点？

Answer 1

您可以在模块脚本 block 中定义非实例特定的静态属性

<script context="module">
  export const someValue = 123
</script>
<script>
  // Normal component stuff
</script>

然后直接从组件文件导入:

import { someValue } from './MyComponent.svelte'

请注意，这是该组件的所有实例共享的值。