svelte - 我有 3 个苗条的组件。比较应用程序，它导入比较一和比较二。两个如何在一个中调用一个函数？

Question

我有 3 个苗条的组件。比较应用程序，它导入比较一和比较二。两个如何在一个中调用一个函数？

Answer 1

您可以从中导出一个函数Comp1，从中获得对 in 的引用并作为道具App传递给。Comp2

示例（REPL）

<!-- Comp1.svelte -->
<script>
  export function foo() {
    alert('function in Comp1');
  }
</script>

<!-- Comp2.svelte -->
<script>
  export let onClick;
</script>

<button on:click="{onClick}">
  Click me
</button>

<!-- App.svelte -->
<script>
  import Comp1 from './Comp1.svelte';
  import Comp2 from './Comp2.svelte';

  let comp1;
</script>

<Comp1 bind:this="{comp1}" />
<Comp2 onClick="{() => comp1.foo()}" />