Vue.js Web Programming Volume II

Vue.js Web Programming Volume II
เรียนรู้ Vue.js ขั้นกลางถึงขั้นสูง พร้อมลงมือสร้างเว็บแอปที่ยืดหยุ่นและทรงพลัง
ต่อยอดจากพื้นฐานสู่ความเชี่ยวชาญ หนังสือเล่มนี้จะพาคุณเข้าใจ แนวคิดเชิงลึกและเทคนิคสำคัญ ในการพัฒนาเว็บแอปพลิเคชันด้วย Vue.js เวอร์ชัน 3 ผ่านการใช้งานฟีเจอร์ระดับกลางสูง เช่น Vue Router, Composition API, Lifecycle Hook, การเชื่อมต่อ API, การจัดการ Global State ด้วย Vuex และ Pinia รวมถึงเทคนิคการใช้ Slot และ Dynamic Components เพื่อสร้าง UI ที่ยืดหยุ่นและปรับเปลี่ยนได้ตามสถานการณ์จริง
เหมาะสำหรับนักพัฒนาที่มีพื้นฐาน Vue.js แล้ว และต้องการยกระดับความเข้าใจ เพื่อใช้งานในโปรเจกต์จริงระดับองค์กรหรือแอปพลิเคชันเชิงพาณิชย์ เนื้อหาครอบคลุมทั้งโครงสร้าง แนวทางปฏิบัติ และตัวอย่างการใช้งานที่ชัดเจน พร้อมทั้งการอธิบายเชิงเปรียบเทียบให้เข้าใจจุดเด่นของแต่ละเทคนิคและเครื่องมือ
สารบัญ
หน้า
บทที่ 7 การจัดการ Routing ด้วย Vue Router (Routing by Vue Router)1
การจัดการ Routing ด้วย Vue Router
การจัดการ Routing ด้วย Vue Router (รายละเอียดเชิงลึก)
การกำหนดเส้นทางและ Component ให้แต่ละ Route
การใช้ <router-link> และ <router-view>
การจัดการพารามิเตอร์ใน URL (params & query) ด้วย Vue Router
การใช้ Navigation Guard ใน Vue Router
บทที่ 8 การใช้ Composition API (Composition API)50
การใช้ Composition API ใน Vue.js
อธิบายเชิงลึกเรื่อง Composition API ใน Vue.js
setup() function
การใช้ reactive(), ref(), computed(), watch() ใน Composition API ของ Vue.js
การสร้าง reusable logic ด้วย Composables
บทที่ 9 การดึงข้อมูลจาก API (fetch and axios)107
การดึงข้อมูลจาก API
การดึงข้อมูลจาก API (เชิงลึก)
การใช้ fetch และ axios
การใช้ async/await ภายใน setup()
การจัดการ State loading และ error
การแสดงข้อมูลที่ได้จาก API แบบ dynamic
บทที่ 10 Vue Lifecycle และการใช้งาน Hook (Vue Lifecycle and Hook)178
Vue Lifecycle และการใช้งาน hook
Vue Lifecycle และการใช้งาน Hook (เชิงลึก)
Lifecycle Hook แบบ Options API
Lifecycle Hook ใน Composition API
การใช้ hook จัดการ side-effect ต่างๆ ใน Vue Composition API
บทที่ 11 การใช้ Vuex หรือ Pinia สำหรับ Global State (Vuex/Pinia for Global State)244
การใช้ Vuex หรือ Pinia สำหรับ Global State
รายละเอียดเชิงลึก: การใช้ Vuex หรือ Pinia สำหรับ Global State
ทำไมต้องมี State Management?
การใช้งานพื้นฐานของ Vuex
การใช้งาน Pinia แทน Vuex (modern, lightweight)
การใช้ DevTools ตรวจสอบการเปลี่ยน state ใน Pinia และ Vuex
บทที่ 12 การทำงานกับ Slot และ Dynamic Components (Slot and Dynamic Components)345
การทำงานกับ Slot และ Dynamic Components
การทำงานกับ Slot และ Dynamic Components (รายละเอียดเชิงลึก)
Slot คืออะไร และใช้งานอย่างไร
การใช้ named slot และ scoped slot เพื่อความยืดหยุ่น
การสร้าง dynamic component ด้วย <component :is="...">
การจัดการ Tab, Modal และ Widget แบบ Dynamic ด้วย Vue.js
บรรณานุกรม410