Svelte Script module 作用

<script lang="ts" module>
 
</script>

module 的两种用途

1. 在 module script 中 export 的任何东西都可以在外部引入

// A.svelte
<script lang="ts" module>
 export function testFn() {
	 // ...
 }
</script>
 
 
// 其他文件
import { testFn } from 'A.svelte'

2. module script 中定义的状态，在所有自身组件中共享

例如有一个 List.svelte 组件，在其组件声明中定义了状态

<script lang="ts" module>
	 let status = $state();
</script>

如果 List 组件是这样使用的

<List />
<List />
<List />

那么 status 在这三个 List 中是共用的。