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.
35 lines
681 B
35 lines
681 B
6 years ago
|
---
|
||
|
|
title: Exports
|
||
|
|
---
|
||
|
|
|
||
|
|
Anything exported from a `context="module"` script block becomes an export from the module itself. If we export a `stopAll` function from `AudioPlayer.svelte`...
|
||
|
|
|
||
|
|
```html
|
||
|
|
<script context="module">
|
||
|
|
const elements = new Set();
|
||
|
|
|
||
|
|
export function stopAll() {
|
||
|
|
elements.forEach(element => {
|
||
|
|
element.pause();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
```
|
||
|
|
|
||
|
|
...we can then import it from `App.svelte`...
|
||
|
|
|
||
|
|
```html
|
||
|
|
<script>
|
||
|
|
import AudioPlayer, { stopAll } from './AudioPlayer.svelte';
|
||
|
|
</script>
|
||
|
|
```
|
||
|
|
|
||
|
|
...and use it in an event handler:
|
||
|
|
|
||
|
|
```html
|
||
|
|
<button on:click={stopAll}>
|
||
|
|
stop all audio
|
||
|
|
</button>
|
||
|
|
```
|
||
|
|
|
||
|
|
> You can't have a default export, because the component *is* the default export.
|