Как использовать условные операторы в Svelte?

@wilburn 

В Svelte условные операторы используются для отображения или скрытия элементов на основе некоторого условия.

Для использования условных операторов в Svelte можно использовать директивы if и else.

Директива if используется для отображения элемента, если условие истинно, например:

1
2
3

{#if isVisible}
  <p>Этот текст будет отображаться, если isVisible равно true</p>
{/if}

Можно использовать блок else для отображения другого элемента, если условие ложно:

1
2
3
4
5

{#if isVisible}
  <p>Этот текст будет отображаться, если isVisible равно true</p>
{:else}
  <p>Этот текст будет отображаться, если isVisible равно false</p>
{/if}

Также можно использовать оператор ternary, который позволяет сократить код:

1

{isVisible ? <p>Этот текст будет отображаться, если isVisible равно true</p> : <p>Этот текст будет отображаться, если isVisible равно false</p>}

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