mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
535 B
21 lines
535 B
6 years ago
|
---
|
||
|
title: Component events
|
||
|
---
|
||
|
|
||
|
Components can also dispatch events. To do so, they must create an event dispatcher. Update `Inner.svelte`:
|
||
|
|
||
|
```html
|
||
|
<script>
|
||
|
import { createEventDispatcher } from 'svelte';
|
||
|
|
||
|
const dispatch = createEventDispatcher();
|
||
|
|
||
|
function sayHello() {
|
||
|
dispatch('message', {
|
||
|
text: 'Hello!'
|
||
|
});
|
||
|
}
|
||
|
</script>
|
||
|
```
|
||
|
|
||
|
> `createEventDispatcher` must be called when the component is first instantiated — you can't do it later inside e.g. a `setTimeout` callback. This links `dispatch` to the component instance.
|