Vue.js คืออะไร

     คือ ไลบรารี่ตัวหนึ่ง ที่ใช้จัดการกับ View 

 

Vue.js
Vue.js

 

     ในสายตาของคนทั่วไปมันคือ Angular ผสมกับ React เพื่อจัดการกับ Reactive Component หรือ คอมโพแนนท์อัจฉริยะที่สามารถอัพเดทตัวเองได้ แต่ในสายตาของผู้ใช้นั้น Vue.js คือ ศาสดาองค์ที่สองเลยทีเดียว

 

คุณลักษณะของ Vue.js

  • การจัดการประสิทธิภาพที่ดีกว่า -- Vue.js มีการทำงานแบบ reactive มันรู้ได้เองด้วยว่าจุดไหนของ template ควร render ใหม่หรือไม่ต้องทำอะไร ในเอกสารกล่าวว่ากระบวนการนี้ไม่จำเป็นต้องใช้ shouldComponentUpdate หรือ immutable เหมือน React แม้แต่น้อย
  • Component System -- Vue.js มีความเหมือน React ตรงที่มีความเป็นคอมโพแนนท์ เราสามารถห่อหุ้มโค๊ดของ UI Component ที่สัมพันธ์กันไว้ใต้คอมโพแนนท์เดียวกันได้เช่นเดียวกับ React
  • สนับสนุนการใช้งาน JSX และ Hyperscript -- Vue.js นั้นดูยังไงก็คล้าย Angular มากกว่า React เพราะ template ของ Vue.js นั้นเป็น HTML-centric เหมือน Angular กล่าวคือ Vue.js เลือกใช้หนทางในการเพิ่มไวยากรณ์ใหม่ลงไปใน template เพื่อจัดการการแสดงผลหรือเหตุการณ์ต่างๆ
<div id="app">
  <p>{{ message }}</p>
  <button v-on:click="reverseMessage">Reverse Message</button>
</div>

       ตัวอย่างของ JSX :

<button onClick={reverseMessage}>Reverse Message</button>

       JSX ของ React นั้นง่ายเพราะแทบไม่ต้องรู้อะไรนอกจาก JavaScript ลองเปรียบเทียบปุ่มกดใน JSX เราเพียงเขียนแค่ตามนี้ก็ใช้ได้แล้ว

  • สารพัดเครื่องมือจากตระกูล React -- Vue.js นั้นประพฤติตนดั่ง React นั่นคือสังคม React มีเครื่องมืออะไรพี่แกก็จะมีเครื่องมือแบบนั้นเช่นกัน ใครที่ย้ายจาก React ไปใช้ Vue.js จึงประหนึ่งเหมือนอยู่บ้านตนเอง Vue.js มีเครื่องมืออะไรให้ใช้งานเพื่อสร้างแอพพลิเคชันที่ยิ่งใหญ่และใหญ่ยิ่งบ้าง มีดังต่อไปนี้
    • vue-cli Ember รึ Angular รึ เรา Vue ก็มีเหมือนกัน คือ ตัวช่วยสร้างโปรเจค
    • vue-router มันคือ react-router ผู้ช่วยจัดการ history และการเปลี่ยนไปมาระหว่างเพจ
    • vuex คือ Flux 
    • vue-devtools คือ react-devtools 
    • vue-loader คือ สิ่งที่ทำให้ Vue ใช้งานร่วมกับ Webpack ได้ครับ
    • vue-resource HTTP client สำหรับ Vue

 

ข้อเสียของ Vue.js

  • คำถาม - คำตอบมีน้อย -- แสดงถึงความช่วยเหลือของปัญหาที่เจอ อาจจะน้อยเกินไปถ้าเราเจอปัญหา
  • การพัฒนาบนแพลตฟอร์มมือถือ -- Vue.js ไม่มี Mobile Framework 
  • ชุมชนนักพัฒนาน้อย -- ขนาดของชุมชนนักพัฒนาก็ยังไม่ใหญ่เท่า Angular หรือ React ส่วนใหญ่เอกสารหรือเนื้อหา ปัญหาถามตอบของ Vue.js จะได้รับการผลักดันจากชุมชนนักพัฒนา Laravel

 

ข้อมูลอ้างอิง : https://vuejs.org/

       

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
โดย witsarutt000 พฤ 14 มี.ค. 2024 4:07 pm บอร์ด SQL Knowledge
1
166
พฤ 14 มี.ค. 2024 5:44 pm โดย Sirayu View Topic SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
โดย witsarutt000 พฤ 14 มี.ค. 2024 11:17 am บอร์ด PHP Knowledge
0
125
พฤ 14 มี.ค. 2024 11:17 am โดย witsarutt000 View Topic PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
โดย Thanavat_n พ 13 มี.ค. 2024 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
270
พ 13 มี.ค. 2024 1:34 pm โดย Thanavat_n View Topic ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
โดย @Foretoday อ 12 มี.ค. 2024 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
184
อ 12 มี.ค. 2024 1:46 pm โดย @Foretoday View Topic ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
โดย witsarutt000 จ 11 มี.ค. 2024 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
142
จ 11 มี.ค. 2024 6:14 pm โดย witsarutt000 View Topic แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
โดย mindphp อ 10 มี.ค. 2024 4:36 am บอร์ด Linux - Web Server
0
239
อ 10 มี.ค. 2024 4:36 am โดย mindphp View Topic ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
IP และ vpn (VMware)
โดย ballmykids อ 10 มี.ค. 2024 2:35 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
203
จ 11 มี.ค. 2024 3:19 pm โดย ballmykids View Topic IP และ vpn (VMware)
แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว
โดย Anonymous ศ 08 มี.ค. 2024 7:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
166
ศ 08 มี.ค. 2024 8:12 pm โดย mindphp View Topic แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว