กลุ่มที่ 3: Front-end Development (Vue.js + Axios)

Vue.js คือ

• ภาษาโปรแกรม
• JavaScript framework สำหรับ Front-end
• ระบบจัดการฐานข้อมูล
• Compiler

Axios ใช้ทำอะไร

• สร้าง UI
• จัดการฐานข้อมูล
• ส่งคำร้อง HTTP request
• เขียน CSS

Vue component ถูกเขียนในไฟล์นามสกุลใด

• .vue
• .js เท่านั้น
• .html
• .css

คำสั่ง npm run dev ใช้เพื่อ

• run development server
• ลบโฟลเดอร์ node_modules
• deploy production
• restart OS

การ binding ค่าตัวแปรใน Vue ใช้สัญลักษณ์

• {{ }}
• << >>
• [[ ]]
• %% %%

Axios รองรับการส่งข้อมูลแบบใดบ้าง

• GET, POST, PUT, DELETE
• SQL SELECT
• CSS Styling
• Only GET

Vue.js ใช้แนวคิดหลักในการทำงานคือ

• Virtual DOM
• Physical DOM
• Pure HTML
• SQL Engine

mounted() ใน Vue ใช้ทำงานเมื่อใด

• ก่อน component สร้างเสร็จ
• หลัง component render เสร็จ
• เมื่อกดปุ่ม refresh
• หลัง axios error

Vue ใช้คำสั่งใดในการติดตั้ง

• npm install vue
• pip install vue
• composer install vue
• apt-get vue

การดึงข้อมูลจาก Node-Red API มาที่ Vue.js ทำได้โดย

• fetch() หรือ axios.get()
• SQL SELECT
• PHP include
• file.read()