หมวดหมู่: Vue.js
-
บทที่ 13: การจัดการ State ด้วย Vuex (เบื้องต้น)
Vuex เป็น State Management Library ที่ออกแบบมาสำหรับ Vue.js โดยเฉพาะ ช่วยให้การจัดการข้อมูล (State) …
-
บทที่ 14: การใช้ Vue Router (เบื้องต้น)
Vue Router เป็นเครื่องมือจัดการระบบการนำทาง (Routing) ในแอปพลิเคชัน Vue.js ช่วยให้คุณสามารถสร้างหน้า…
-
บทที่ 15: Lifecycle Hooks ใน Vue.js
Lifecycle Hooks ใน Vue.js คือฟังก์ชันที่ทำงานอัตโนมัติตามช่วงเวลาต่าง ๆ ของวงจรชีวิตของ Component ตั…
-
บทที่ 16: การจัดการฟอร์มและการตรวจสอบข้อมูลใน Vue.js
การจัดการฟอร์มใน Vue.js ทำได้ง่ายด้วยการใช้ v-model ซึ่งเป็น Directive สำหรับการ Binding ข้อมูลแบบสอ…
-
บทที่ 17: การเพิ่ม Transition และ Animation ให้กับ Vue.js Component
Vue.js มีระบบ Transition และ Animation ที่ทำให้คุณสามารถเพิ่มเอฟเฟกต์การเปลี่ยนแปลงเมื่อแสดงผลหรือซ่…
-
บทที่ 18: การใช้ Slot เพื่อสร้าง Component ที่ยืดหยุ่นและปรับแต่งได้
Slot ใน Vue.js คือพื้นที่ว่างใน Component ที่สามารถใส่เนื้อหา (Content) จากภายนอกได้ ทำให้ Component…
-
บทที่ 19: การสร้าง Component ที่ซับซ้อนและการจัดการ Dependency ระหว่าง Component
Component ที่ซับซ้อนใน Vue.js คือ Component ที่มีโครงสร้างซับซ้อนหรือการทำงานร่วมกับ Component อื่น …
-
บทที่ 20: การจัดการ State ด้วย Vuex ในแอปพลิเคชันที่ซับซ้อน
Vuex เป็น State Management Library สำหรับ Vue.js ที่ช่วยจัดการข้อมูล (State) ในแอปพลิเคชันที่ซับซ้อน…
-
บทที่ 21: การใช้งาน Vue Test Utils เพื่อทดสอบ Component และ State
Vue Test Utils เป็น Official Testing Library สำหรับ Vue.js ที่ช่วยให้คุณสามารถทดสอบ Component และฟัง…
-
บทที่ 22: การ Deploy แอปพลิเคชัน Vue.js
การ Deploy หมายถึงการนำแอปพลิเคชัน Vue.js ของคุณขึ้นไปยัง Server หรือ Platform ที่ทำให้ผู้ใช้สามารถเ…
-
บทที่ 23: Best Practices ในการพัฒนาแอปพลิเคชัน Vue.js
จัดการโครงสร้างโฟลเดอร์ในโปรเจกต์ Vue.js ให้เป็นระเบียบเพื่อความง่ายในการบำรุงรักษาและการขยายในอนาคต
-
บทที่ 24: การเพิ่มประสิทธิภาพ (Performance Optimization) ในแอปพลิเคชัน Vue.js
ทำไมต้องเพิ่มประสิทธิภาพ? การเพิ่มประสิทธิภาพช่วยให้แอปพลิเคชัน Vue.js ของคุณทำงานได้รวดเร็วและตอบสน…