Как создать компонент на Svelte?

@cayla 

Чтобы создать компонент на Svelte, выполните следующие шаги:

1. Создайте новый файл с расширением .svelte.
2. Импортируйте необходимые модули и библиотеки.
3. Определите локальные переменные и свойства компонента внутри тега .
4. Напишите разметку компонента внутри тега .
5. Экспортируйте компонент с помощью ключевого слова export.

Пример кода для создания компонента:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<script>
  // Определение локальных переменных и свойств компонента
  let name = 'World';
</script>

<!-- Разметка компонента -->
<h1>Hello, {name}!</h1>

<script>
  // Экспорт компонента
  export default {
    name: 'HelloWorld'
  }
</script>

После создания компонента его можно использовать в других файлах Svelte. Для этого необходимо импортировать компонент и использовать его тег в разметке. Например:

1
2
3
4
5

<script>
  import HelloWorld from './HelloWorld.svelte';
</script>

<HelloWorld />