หมวดหมู่: Vue.js
-
บทที่ 1: เริ่มต้นกับ Vue.js
Vue.js เป็นเฟรมเวิร์ค JavaScript แบบโอเพ่นซอร์สที่ใช้สำหรับการพัฒนา User Interface (UI) และ Single P…
-
บทที่ 2: โครงสร้างของโปรเจกต์ Vue.js
node_modules/: เก็บไฟล์ dependencies ที่โปรเจกต์ต้องการ (ไม่ควรแก้ไข) public/: เก็บไฟล์ Static เช่น …
-
บทที่ 3: การสร้าง Component เบื้องต้น
บทเรียนบทที่ 3 ได้ถูกสร้างเรียบร้อยแล้ว หากต้องการแก้ไขหรือขยายเนื้อหาเพิ่มเติม สามารถแจ้งมาได้เลยคร…
-
บทที่ 4: การใช้ Template ใน Vue.js
Template ใน Vue.js ใช้สำหรับกำหนดโครงสร้าง HTML ที่แสดงผลในหน้าจอ โดย Vue.js จะช่วยเชื่อมโยงระหว่างข…
-
บทที่ 5: การใช้ Data และ Methods ใน Vue.js
ใน Vue.js คุณสามารถกำหนดและจัดการข้อมูลที่ใช้ใน Component ได้โดยใช้ data() ซึ่งเป็นฟังก์ชันที่คืนค่า…
-
บทที่ 6: การ Binding ข้อมูลแบบสองทาง (Two-Way Binding) ใน Vue.js
Two-Way Binding เป็นคุณสมบัติที่ช่วยให้ข้อมูลใน Vue.js สามารถเชื่อมโยงระหว่าง View (HTML) และ Model …
-
บทที่ 7: การแสดงผลแบบเงื่อนไขใน Vue.js
การแสดงผลแบบเงื่อนไข (Conditional Rendering) ใน Vue.js ช่วยให้คุณสามารถแสดงหรือซ่อนองค์ประกอบใน HTML…
-
บทที่ 8: การวนลูปข้อมูลด้วย v-for ใน Vue.js
v-for เป็น Directive ใน Vue.js ที่ใช้สำหรับการวนลูปข้อมูล เช่น Array, Object หรือแม้แต่จำนวนตัวเลข เ…
-
บทที่ 9: การจัดการ Event ใน Vue.js
การจัดการ Event ใน Vue.js ช่วยให้คุณสามารถตอบสนองต่อการกระทำของผู้ใช้ เช่น การคลิก การเลื่อนเมาส์ หร…
-
บทที่ 10: การใช้ Computed Properties ใน Vue.js
Computed Properties ใน Vue.js คือฟังก์ชันที่ช่วยคำนวณค่าจากข้อมูลใน data หรือค่าที่เปลี่ยนแปลงแบบไดน…
-
บทที่ 11: การใช้ Watchers ใน Vue.js
Watchers ใน Vue.js คือฟังก์ชันที่ช่วยเฝ้าดูการเปลี่ยนแปลงของค่าต่าง ๆ ใน data หรือ computed properti…
-
บทที่ 12: การใช้ Directive ใน Vue.js
Directive ใน Vue.js เป็นคำสั่งพิเศษที่เริ่มต้นด้วย v- ใช้สำหรับการจัดการพฤติกรรมของ DOM (Document Ob…