[svelte]的export

在Svelte中，export关键字用于将组件的属性（props）暴露给父组件或外部使用。通过export关键字，可以定义组件的属性，并使其可供外部组件或模块访问和使用

比如说下面的例子

ChildComponent.svelte

<script>
    // 定义组件的属性
    export let message;

    // 定义一个内部状态
    let count = 0;

    // 定义一个内部函数
    function handleClick() {
        count += 1;
    }
</script>

<!-- 使用组件的属性和内部状态 -->
<div>
    <p>{message}</p>
    <button on:click={handleClick}>Click me</button>
    <p>Clicked {count} times</p>
</div>

ParentComponent.svelte

<script>
    // 导入子组件
    import ChildComponent from './ChildComponent.svelte';
</script>

<!-- 使用子组件，并传递属性 -->
<ChildComponent message="Hello from parent" />

在上面的例子中导入了子组件的ChildComponent，并传递了一个message属性

我的理解就是，用export可以将一个函数或者变量，导出来，就放在大家都可以访问的地方

函数导出也和上面的变量类似

player.svelte

<script context="module">
    let current;

    export function stopAll(){
        current?.pause();
    }
</script>

app.svelte

<script>
    import player,{stopAll} from play.svelte
<script>

    <button on:click={stopAll}>
        stop all
    <button>

export关键字允许在Svelte组件中定义属性，并使它们可供父组件或外部模块访问和使用。