Question 1

คอมโพเนนต์ Vue คืออะไร?

Accepted Answer

คอมโพเนนต์ Vue คือ Vue instance ที่นำกลับมาใช้ซ้ำได้และมีชื่อ มันห่อหุ้ม HTML, CSS และ JavaScript ไว้ในหน่วยตรรกะที่เป็นอิสระ คอมโพเนนต์ช่วยให้สามารถแบ่งส่วนติดต่อผู้ใช้ออกเป็นชิ้นส่วนที่นำกลับมาใช้ซ้ำได้และดูแลรักษาง่าย แต่ละคอมโพเนนต์มี template, ตรรกะ และสไตล์ของตัวเอง ช่วยให้การจัดระเบียบโค้ดและการนำกลับมาใช้ซ้ำทำได้ง่ายขึ้น

Question 2

จะประกาศ props ในคอมโพเนนต์ Vue 3 ด้วย script setup ได้อย่างไร?

Accepted Answer

ใน Vue 3 ที่ใช้ script setup นั้น defineProps() เป็นคอมไพเลอร์มาโครที่ช่วยให้ประกาศ props ได้โดยไม่ต้อง import อย่างชัดเจน มาโครนี้จะสร้างโค้ดที่จำเป็นโดยอัตโนมัติและเปิดเผย props ให้กับ template รองรับการตรวจสอบชนิดข้อมูลของ TypeScript และ JavaScript ทำให้โค้ดกระชับและปลอดภัยด้านชนิดข้อมูลมากกว่าแนวทางแบบ Options API

Question 3

ฮุก onMounted() มีหน้าที่อย่างไรใน lifecycle ของคอมโพเนนต์?

Accepted Answer

ฮุก onMounted() จะทำงานหลังจากที่คอมโพเนนต์ถูก mount เข้าไปใน DOM แล้ว นี่คือช่วงเวลาที่เหมาะที่สุดสำหรับการดำเนินการที่ต้องเข้าถึง DOM เช่น การเริ่มต้นไลบรารีของบุคคลที่สาม การดึงข้อมูลผ่าน API หรือการจัดการกับเอลิเมนต์ DOM โดยตรง ในขั้นตอนนี้ template ถูกเรนเดอร์แล้วและสามารถเข้าถึง refs ได้

คอมโพเนนต์ Vue