ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

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/

       

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการแปลง timestamp เพื่อหาจำนวนวันที่ผ่านมาหรือคงเหลือ
โดย Ittichai_chupol พ 22 ม.ค. 2020 6:37 pm บอร์ด PHP Knowledge
0
31
พ 22 ม.ค. 2020 6:37 pm โดย Ittichai_chupol
วิธีการตรวจสอบว่ารูปเป็นแนวตั้งหรือแนวนอน ด้วยภาษา php
โดย jamepiyawat พ 22 ม.ค. 2020 6:16 pm บอร์ด PHP Knowledge
0
18
พ 22 ม.ค. 2020 6:16 pm โดย jamepiyawat
Range Sliders เก็บค่าตัวเลขด้วย range sliders
โดย benzas00123 พ 22 ม.ค. 2020 5:50 pm บอร์ด Booststap Knowledge
0
58
พ 22 ม.ค. 2020 5:50 pm โดย benzas00123
อยากทราบวิธีการตรวจสอบว่าจะมีเวลาอีกกี่วันถึงจะ ถึงเลข timestamp ที่กำหนด
โดย Ittichai_chupol พ 22 ม.ค. 2020 3:54 pm บอร์ด Programming - PHP
1
78
พ 22 ม.ค. 2020 4:18 pm โดย thatsawan
ขอสอบถามวิธีการเขียน bootstrap 3 ในการสร้าง bar ครับ
โดย benzas00123 พ 22 ม.ค. 2020 3:13 pm บอร์ด HTML CSS
5
119
พ 22 ม.ค. 2020 3:32 pm โดย benzas00123
วันหยุดที่หายไป
โดย noppadonsk พ 22 ม.ค. 2020 11:42 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
30
พ 22 ม.ค. 2020 11:42 am โดย noppadonsk
วิธีการปรับการการแสดงการ รายชื่อของแจ้งเตือน bookmark โดย phpbb
โดย Ittichai_chupol อ 21 ม.ค. 2020 5:45 pm บอร์ด PHP Knowledge
0
24
อ 21 ม.ค. 2020 5:45 pm โดย Ittichai_chupol
pillow vs wand library ความแตกต่างของ library ทั้ง 2 ตัวในการ procress รูปภาพ
โดย benzas00123 อ 21 ม.ค. 2020 5:29 pm บอร์ด Python Knowledge
1
24
อ 21 ม.ค. 2020 5:54 pm โดย mindphp
อยู่ดีๆ ก็ไม่สามารถเชื่อมต่อกับ database ได้ครับ
โดย benzas00123 อ 21 ม.ค. 2020 4:46 pm บอร์ด Programming - C/C++ & java & Python
5
64
อ 21 ม.ค. 2020 5:39 pm โดย benzas00123
ขอถามเกี่ยวกับ library ImageMagick ครับ
โดย benzas00123 อ 21 ม.ค. 2020 3:29 pm บอร์ด Programming - C/C++ & java & Python
2
30
อ 21 ม.ค. 2020 4:23 pm โดย benzas00123
Git Lad จะทำอย่างไรให้ไฟล์ที่อยู่ในโฟร์ย่อย ออกมาครับ
โดย jamepiyawat อ 21 ม.ค. 2020 12:08 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
148
อ 21 ม.ค. 2020 2:04 pm โดย jamepiyawat
ขอทราบวิธีการเขียน python เก็บข้อมูล ip ของผู้ใช้หน่อยครับ
โดย benzas00123 อ 21 ม.ค. 2020 10:54 am บอร์ด Programming - C/C++ & java & Python
1
108
อ 21 ม.ค. 2020 12:20 pm โดย mindphp
ขอสอบถามเกี่ยวกับการอัพโหลดรูปภาพเข้า ฐานข้อมูลครับ
โดย benzas00123 จ 20 ม.ค. 2020 6:29 pm บอร์ด SQL - Database
3
87
อ 21 ม.ค. 2020 2:00 pm โดย mindphp
โปรแกรมแปลงหน่วย เครื่องมือในการแปลงหน่วยความจุคอมพิวเตอร์
โดย prmindphp จ 20 ม.ค. 2020 6:24 pm บอร์ด MindPHP News & Feedback
0
67
จ 20 ม.ค. 2020 6:24 pm โดย prmindphp
เทคนิคทำธุรกิจอสังหาอย่างไรให้มีกำไร
โดย Patty Perfume อ 19 ม.ค. 2020 7:12 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
33
อ 19 ม.ค. 2020 7:12 pm โดย Patty Perfume
ความปลอดภัยด้านสุขภาพ เรื่องที่ทุกคนควรเริ่มต้นใฝ่หา
โดย medalezga อ 19 ม.ค. 2020 4:30 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
175
อ 19 ม.ค. 2020 4:30 pm โดย medalezga
วิธีการนำชื่อข้อมูลในชื่อในฐานข้อมูล ในไฟล์ XML ของ module joomla
โดย jamepiyawat ส 18 ม.ค. 2020 6:44 pm บอร์ด Joomla Developing Knowledge
0
204
ส 18 ม.ค. 2020 6:44 pm โดย jamepiyawat
วิธีการจัดทำการระบบแจ้้งเตือนใน phpbb
โดย Ittichai_chupol ส 18 ม.ค. 2020 5:42 pm บอร์ด PHP Knowledge
0
154
ส 18 ม.ค. 2020 5:42 pm โดย Ittichai_chupol
Pillow library ปรับขนาดรูปเป็นเปอร์เซ็นเพื่อนำไปใช้งานได้สะดวก
โดย benzas00123 ส 18 ม.ค. 2020 5:25 pm บอร์ด Python Knowledge
0
22
ส 18 ม.ค. 2020 5:25 pm โดย benzas00123
Pillow library Optimize รูปภาพเพื่อให้มีขนาดของข้อมูลที่เล็กลง
โดย benzas00123 ส 18 ม.ค. 2020 2:53 pm บอร์ด Python Knowledge
0
153
ส 18 ม.ค. 2020 2:53 pm โดย benzas00123