If blocks

  1. {#if expression}...{/if}
  3. {#if expression}...{:else if expression}...{/if}
  5. {#if expression}...{:else}...{/if}

条件渲染的内容，可以被包裹在一个 if 块中。

  1. {#if answer === 42}
  2.     <p>what was the question?</p>
  3. {/if}

可以用{:else if expression}添加额外的条件，也可以选择是否以{:else}结尾。

  1. {#if porridge.temperature > 100}
  2.     <p>too hot!</p>
  3. {:else if 80 > porridge.temperature}
  4.     <p>too cold!</p>
  5. {:else}
  6.     <p>just right!</p>
  7. {/if}