vue.js คืออะไร?
Vue.js เป็นไลบรารีสำหรับการสร้างอินเตอร์เฟสเว็บแบบโต้ตอบ
Vue.js ให้การเชื่อมโยงข้อมูล MVVM และระบบส่วนประกอบที่สามารถรวบรวมได้ด้วย API ที่เรียบง่ายและยืดหยุ่น
คุณสมบัติ vue.js
กระชับ: แม่แบบ HTML + ข้อมูล JSON และการสร้างอินสแตนซ์ VUE นั้นง่ายมาก
ข้อมูลที่ขับเคลื่อนด้วย: ติดตามการพึ่งพาการแสดงออกของเทมเพลตโดยอัตโนมัติและคุณสมบัติที่คำนวณได้
ส่วนประกอบ: ใช้ส่วนประกอบที่ถอดออกได้และนำกลับมาใช้ใหม่เพื่อสร้างอินเทอร์เฟซ
น้ำหนักเบา: ~ 24KB ขั้นต่ำ+GZIP ไม่มีการพึ่งพา
ด่วน: การอัปเดตแบทช์แบบอะซิงโครนัสที่แม่นยำและมีประสิทธิภาพ
เป็นมิตรกับโมดูล: ติดตั้งผ่าน NPM หรือ Bower เพื่อรวมเข้ากับเวิร์กโฟลว์ของคุณได้อย่างราบรื่น
ที่อยู่ GitHub: https://github.com/lily1010/vue_learn/tree/master/lesson11
รูปแบบ vue
มันง่ายเกินไปจริงๆแค่ยกตัวอย่าง
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> รูปแบบ vue </title> <meta name = "viewport" content = "width = device-width, ระดับเริ่มต้น = 1 type = "text/javascript" charset = "utf-8"> </script> </head> <body> <div> <!-กล่องอินพุต-> <อินพุต type = "ข้อความ" v-model = "msg"> <br/> <!-กล่องวิทยุ-> <อินพุต id = "mycb1" สำหรับ = "mycb1"> {{seleche1}} </label> <!-ช่องทำเครื่องหมาย-> <อินพุต id = "mycb2" type = "ช่องทำเครื่องหมาย" v-model = "เลือก 2"> <label for = "mycb2" v-model = "เลือก"> <petion> a </optup> <pontion> b </optup> <potion> c </optural> </select> <pan> เลือก: {{selected}} </span> </div> <script type = "text/javascript" เท็จเลือก: ''}}) </script> </body> </html>ข้างต้นคือรหัสตัวอย่าง Vue ที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!