0Pricing
Sveltejs Academy · Pelajaran

Sintaks Direktif use:

Terapkan action Svelte pada elemen DOM menggunakan direktif use:.

Sintaks Direktif use: adalah pelajaran Sveltejs Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Sveltejs Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Sveltejs Academy mencakup 4 pelajaran total.

Tindakan di Svelte

Tindakan adalah fungsi yang dijalankan saat sebuah elemen dipasang. Tindakan dipanggil dengan direktif use:.

Tindakan Dasar

Tindakan menerima simpul DOM sebagai argumennya.

function highlight(node) {
  node.style.background = "yellow";
}

Terapkan dengan use:

Pasangkan tindakan ke elemen mana pun melalui use:action.

<p use:highlight>I am highlighted</p>

Mengapa Menggunakan Tindakan

Tindakan merangkum perilaku DOM imperatif (fokus, persinggungan, seret, dan sebagainya) agar dapat digunakan ulang.

Tidak Memerlukan Markah

Tindakan tidak merender apa pun; tindakan memperkaya elemen yang sudah ada.

Beberapa Tindakan

Anda dapat menerapkan beberapa tindakan pada satu elemen dengan beberapa direktif use:.

<div use:trap use:scroll>

Penyediaan dalam Pustaka

Banyak pustaka Svelte menyediakan perilakunya sebagai tindakan agar integrasinya lebih mudah.

Impor

Tindakan adalah fungsi biasa; impor tindakan seperti modul apa pun.

import { clickOutside } from "$lib/actions";

Petunjuk Tipe

Beri tipe pada tindakan dengan generik Action<Element, Params> dari svelte/action.

Pemahaman Siklus Hidup

Tindakan dijalankan setelah pemasangan, sehingga simpul sudah ada di DOM saat tindakan dijalankan.

Dari Sederhana hingga Canggih

Tindakan dapat sesingkat satu baris atau serumit pembungkus pustaka.

Pemeriksaan Singkat

Bagaimana cara memasangkan tindakan?

Ringkasan

Tindakan adalah fungsi yang dipanggil melalui use:. Tindakan menerima simpul DOM dan menambahkan perilaku imperatif.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Sintaks Direktif use:” gratis?

Ya — teks lengkap “Sintaks Direktif use:” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Sveltejs Academy, upgrade ke CoddyKit PRO. Kursus Sveltejs Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Sintaks Direktif use:”?

Terapkan action Svelte pada elemen DOM menggunakan direktif use:. Kamu berlatih Sveltejs Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Sveltejs Academy?

Tidak diperlukan pengalaman sebelumnya. Sveltejs Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “Sintaks Direktif use:” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Sveltejs Academy ini?

Ya. Setiap pelajaran Sveltejs Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Sintaks Direktif use:
  2. Parameter dan Pembaruan action
  3. Fungsi Pembersihan destroy()
  4. action Praktis: clickOutside tooltip autofocus
← Kembali ke Sveltejs Academy