Svelte组件事件

Svelte 组件事件

组件也可以调度事件，为此，组件内必须创建一个相同事件并在外部进行分配。更改 Inner.svelte：<script>

import { createEventDispatcher } from 'svelte';

const dispatch = createEventDispatcher();
function sayHello() {
    dispatch('message', {
        text: 'Hello!'
    });
}

</script>​createEventDispatcher​ 必须在首次实例化组件时调用它，—组件本身不支持如 ​setTimeout​ 之类的事件回调。 定义一个​dispatch​进行连接，进而把组件实例化。