基本元件

歡迎來到 Qwik 教學。這是一系列簡短的教學,將幫助您開始使用 Qwik。簡介是一組問題,將教您如何建立元件、儲存數據、附加監聽器以及從伺服器獲取數據。讓我們開始吧。

建立元件

使用右側的編輯器來建立一個類似這樣的 UI

GitHub organization: __________
- Qwik
- Partytown

這個元件的 HTML 程式碼應該是這樣

<main>
  <p>
    <label>
      GitHub organization:
      <input value="QwikDev" />
    </label>
  </p>
  <section>
    <ul>
      <li>
        <a href="https://github.com/QwikDev/qwik">Qwik</a>
      </li>
      <li>
        <a href="https://github.com/BuilderIO/partytown">Partytown</a>
      </li>
    </ul>
  </section>
</main>

您可以點擊左下方的「顯示給我」按鈕來查看完整的解決方案。

編輯教學