การสมัครด้วย $ แบบสมัครอัตโนมัติ
ใช้คำนำหน้า $ เพื่อสมัครและยกเลิกการสมัคร store โดยอัตโนมัติในคอมโพเนนต์
การสมัครด้วย $ แบบสมัครอัตโนมัติ เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คำนำหน้า $
เติม $ หน้าสโตร์ภายในคอมโพเนนต์ เพื่อสมัครรับข้อมูลและอ่านค่าโดยอัตโนมัติ
<script>
import { count } from "./stores";
</script>
<p>{$count}</p>ยกเลิกการสมัครอัตโนมัติ
Svelte จะยกเลิกการสมัครรับข้อมูลโดยอัตโนมัติเมื่อคอมโพเนนต์ถูกทำลาย จึงไม่มีการรั่วไหลของหน่วยความจำ
ความมหัศจรรย์ระหว่างการคอมไพล์
คอมไพเลอร์จะแปลง $count เป็นโค้ดพื้นฐานสำหรับการสมัครและยกเลิกการสมัครที่เหมาะสมในระหว่างการสร้าง
กำหนดค่าให้สโตร์ด้วย $
คุณยังสามารถกำหนดค่าได้ โดย $count = 5 เป็นรูปแบบย่อของ count.set(5)
อัปเดตสโตร์ด้วย $
ตัวดำเนินการอย่าง $count++ ใช้งานได้ โดยเบื้องหลังจะเรียก set พร้อมค่าใหม่
ใช้เฉพาะในคอมโพเนนต์
รูปแบบย่อ $ ใช้ได้เฉพาะภายในไฟล์ .svelte ในไฟล์ .js ทั่วไป ให้ใช้ get(store) หรือ subscribe
ภายในคำสั่งแบบรีแอกทีฟ
ค่า $store เป็นแบบรีแอกทีฟ จึงทำให้การประกาศ $: ทำงาน
$: doubled = $count * 2;ภายในมาร์กอัป
ใช้ {$store} ได้ทุกที่ที่คุณจะแทรกค่าของตัวแปรทั่วไป
หลายสโตร์
สมัครรับข้อมูลจากสโตร์ได้มากเท่าที่ต้องการโดยอัตโนมัติ โดยแต่ละสโตร์จะถูกติดตามแยกจากกัน
หลีกเลี่ยงผลข้างเคียงใน $
รูปแบบย่อ $ มีไว้สำหรับอ่านและกำหนดค่า อย่าใส่ตรรกะที่ซับซ้อนแบบแทรกในบรรทัด
ประสิทธิภาพ
การสมัครรับข้อมูลอัตโนมัติมีต้นทุนต่อคอมโพเนนต์น้อยมาก จึงใช้กับสถานะที่ใช้ร่วมกันได้อย่างอิสระ
ตรวจสอบอย่างรวดเร็ว
$count ทำอะไรในคอมโพเนนต์ Svelte
สรุป
รูปแบบย่อ $store ใช้อ่าน เขียน และล้างการสมัครรับข้อมูลโดยอัตโนมัติ ใช้ได้ทุกที่ภายในไฟล์ .svelte
คำถามที่พบบ่อย
บทเรียน “การสมัครด้วย $ แบบสมัครอัตโนมัติ” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การสมัครด้วย $ แบบสมัครอัตโนมัติ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การสมัครด้วย $ แบบสมัครอัตโนมัติ”
ใช้คำนำหน้า $ เพื่อสมัครและยกเลิกการสมัคร store โดยอัตโนมัติในคอมโพเนนต์ คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน
บทเรียน “การสมัครด้วย $ แบบสมัครอัตโนมัติ” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การสร้าง Store ที่เขียนได้
- การสมัครด้วย $ แบบสมัครอัตโนมัติ
- การอัปเดต Store: set() และ update()
- Store แบบ readable และฟังก์ชันเริ่มต้นกำหนดเอง