การทำงานกับคอมโพเนนต์ใน Vue

หากเราดูที่เว็บไซต์ใดไซต์หนึ่ง เราสามารถแยกบล็อกบางส่วนบนนั้นได้: ส่วนหัว เนื้อหา, แถบข้าง, ส่วนท้าย

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

ใน Vue บล็อกดังกล่าวเรียกว่า คอมโพเนนต์ ในแอปพลิเคชันขนาดใหญ่ การแบ่งออกเป็นคอมโพเนนต์ กลายเป็นเงื่อนไขบังคับสำหรับการรักษา ความสามารถในการควบคุมกระบวนการพัฒนา

แนะนำให้วางคอมโพเนนต์ ในโฟลเดอร์ components แต่ละคอมโพเนนต์ อยู่ในไฟล์แยกต่างหากในรูปแบบของ โมดูล ES6