Start with Vue.js

เนื่องจากมีโอกาสได้ศึกษา Vuejs อย่างใจเย็นสุด เราก็เดินทางมาถึงเป้าหมายจนได้

เรามาเริ่มการทำ Vuejs กันเลยดีกว่า โย่วๆๆ

การทำในครั้งนี้เกิดจากการทำความเข้าใจเองล้วนๆ

การทำงานของ Vuejs มาในรูปแบบ MVVM ตามรูปด้านล่าง

เราจะเเบ่งส่วนการทำงานออกเป็น 3 อย่าง

ได้แก่ View / vue / data(model)

จำไว้ถ้า data เปลี่ยนเเปลงหน้าตาของ view ก็จะเปลี่ยนไป

ขั้นตอนต่อไปเราจะมารู้จักเกี่ยวกับการใช้งานเลยดีกว่า

การเริ่มใช้งาน Vuejs มีหลายแบบ ทั้ง webpack เเละใช้งานแบบ cdn

ทำไมต้องลอง Vue.js

ง่ายๆ สั้นๆ อยากลอง จบ ไม่ใช่ มันมีส่วนผสมของความง่ายของ Angular + React เค้าเรียกว่าเเรงบรรดาใจใช่ไหม Vuejs

มาลุยกัน ไร้สาระมานาน

Vue javascipt + Webpack

ขั้นตอนเเรก ลง vuejs init webpack เพื่อใช้สร้างโปรเจคงานนั้นแบบที่ config มาเเล้ว

npm install -g vue-cli

And …. Next

vue init webpack ตามด้วยชื่อ folder

จากนั้นก็รอ เพราะมันจะถามให้เราสามารถลงได้เลยว่าต้องการ config แบบไหนใน webpack นั้นเอง

พอลงเสร็จก็จะได้หน้าตา vuejs ออกมานั้นเอง

ครั้งหน้าลงมือทำโปรเเกรมกัน

Like what you read? Give Kamonpob Pangwongtong a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.