Svelte - Как компонент один может использовать функции из компонента два?

Question

Как CompOne может запустить функцию «тест» в CompTwo?

CompOne.svelte

<script>
   import {test} from './CompTwo.svelte'
</script>
<!-- Some style and HTML tags for this component -->

CompTwo.svelte

<script>
   export const test = () => { console.log('testing function') }
</script>
<!-- Some style and HTML tags for this component -->

Answer 1

Вы можете запускать дочерние функции, если у вас есть экземпляр этого компонента и привязка к нему.

App.svelte

<script>
  import Component from './Component.svelte';   
  let comp;
</script>

<Component bind:this={comp} />
<button on:click={() => comp.test()}>Do Stuff</button>

Компонент. svelte

<script>
    export const test = () => console.log('testing');
</script>

Рабочий пример