---
title: '簡介'
description: 'Yew 中的元件'
---

## 什麼是元件？

組件是 Yew 的構建塊。它們管理內部狀態並可以將元素渲染到 DOM 中。透過為類型實作 `Component` trait 來建立元件。

## 編寫元件標記

Yew 使用虛擬 DOM 將元素渲染到 DOM 中。虛擬 DOM 樹可以透過使用 `html!` 巨集來建構。 `html!` 使用的語法類似 HTML，但並不相同。規則也更嚴格。它還提供了條件渲染和使用迭代器渲染清單等超能力。

:::info
[了解更多關於 `html!` 宏，如何使用它以及它的語法](concepts/html/introduction.mdx)
:::

## 將資料傳遞給元件

Yew 元件使用 _props_ 在父元件和子元件之間通訊。父元件可以將任何資料作為 props 傳遞給其子元件。 Props 類似於 HTML 屬性，但可以將任何 Rust 類型作為 props 傳遞。

:::info
[了解更多關於 props 的內容](advanced-topics/struct-components/properties.mdx)
:::

:::info
對於除了父/子通信之外的其他通信，請使用 [contexts](../../concepts/contexts.mdx)
:::
