บทเรียนพื้นฐาน Vue3
รู้จักกับเฟรมเวิร์ก
ติดตั้งเฟรมเวิร์ก
โครงสร้างคอมโพเนนต์
อ็อบเจ็กต์ data
การทำงานกับแอตทริบิวต์
การทำงานของโค้ดในวิว
อาร์เรย์
อ็อบเจ็กต์
การทำงานกับเมธอด
การติดตั้งฮันเดลเลอร์เหตุการณ์
การทำงานกับ data ภายในเมธอด
เมธอดตัวช่วย
การส่งพารามิเตอร์เข้าไปในเมธอด
รีแอคทีฟ
คอมพิวเต็ดพรอพเพอร์ตี้
มอดิไฟเออร์เหตุการณ์
เงื่อนไข
การแสดงผลตามเงื่อนไข
การกลับเงื่อนไข
เงื่อนไขแบบรีแอกทีฟ
การสลับองค์ประกอบ
การเปลี่ยนข้อความเมื่อสลับ
คำสั่ง v-else
เงื่อนไขที่ซับซ้อน
คำสั่ง v-else-if
กลุ่มตามเงื่อนไข
คำสั่ง v-show
ลูป
การวนลูปอาเรย์
การคีย์เมื่อวนลูปอาเรย์
การวนลูปออบเจ็กต์
การวนลูปกลุ่มแท็ก
การวนลูปอาเรย์ของออบเจ็กต์
ลูปตามช่วง
เงื่อนไขในลูป
แอตทริบิวต์ key
รีแอคทีฟของอาเรย์
สไตล์
การกำหนดสไตล์คอมโพเนนต์
แอตทริบิวต์ class
อ็อบเจ็กต์ของคลาส CSS
รีแอคทีฟของอ็อบเจ็กต์คลาส CSS
อินไลน์อ็อบเจ็กต์ของคลาส CSS
คลาส CSS ผ่าน data
การกำหนดสไตล์ผ่านแอตทริบิวต์ style
ฟอร์ม
การผูกข้อมูลสองทางกับอินพุต
การรับข้อมูลฟอร์มจากเหตุการณ์
การทำงานกับ textarea
การทำงานกับช่องทำเครื่องหมาย (Checkbox)
อาร์เรย์ของค่าช่องทำเครื่องหมาย
การทำงานกับปุ่มตัวเลือก (Radio)
การทำงานกับตัวเลือก (Select)
การสร้างตัวเลือกในลูป
การปิดใช้งานองค์ประกอบ
ตัวปรับเปลี่ยนคีย์ (Modifier)
ฟอร์มสำหรับเพิ่มองค์ประกอบในอาร์เรย์
ปุ่มสำหรับลบองค์ประกอบจากอาร์เรย์
ปุ่มสำหรับลบออกจากอาร์เรย์ของอ็อบเจ็กต์
ฟอร์มสำหรับแก้ไขอาร์เรย์ของอ็อบเจ็กต์
คอมโพเนนต์
บทนำ
การสร้างคอมโพเนนต์ย่อย
การส่งข้อมูลเข้าไปในคอมโพเนนต์
การส่งข้อมูลชนิดใดก็ได้
การส่งพร็อพเพอร์ตีส์ของอ็อบเจ็กต์ data
การระบุชนิดของพร็อพส์
การสร้างคอมโพเนนต์ในลูป
การไหลของข้อมูลแบบทิศทางเดียว
การปล่อยอีเวนต์
พารามิเตอร์ของอีเวนต์
การปล่อยอีเวนต์ในแอตทริบิวต์
การลบคอมโพเนนต์แบบรีแอกทีฟ
การแก้ไขคอมโพเนนต์แบบรีแอกทีฟ
คอมโพเนนต์สำหรับเพิ่มข้อมูล
