vue-todos
ดูตัวอย่างที่อยู่ (การออกแบบที่ตอบสนอง พีซี มือถือ) ที่อยู่การเผยแพร่ครั้งแรก (ซอร์สโค้ดและบทช่วยสอน)
vue-todos เป็นเวอร์ชันอัปเกรดของโมดูล todomvc vue มีอินเทอร์เฟซที่เรียบง่าย ฟังก์ชันที่หลากหลาย และความรู้ที่ครอบคลุม ซึ่งสามารถช่วยให้คุณเริ่มต้นใช้งาน vuejs ได้อย่างรวดเร็ว หากคุณชอบ โปรดกดถูกใจ ติดตาม และติดดาว และแยกมันออกไป นี่คือแรงจูงใจให้ฉันยืนหยัด!!
คำนำ
vuejs เป็นโครงการโอเพ่นซอร์สที่ดีที่เผยแพร่ประสิทธิภาพการทำงานของเราอย่างมาก การใช้ Vue เป็นเวลา 2 ปีไม่เพียงแต่ทำให้ฉันได้รับการเลื่อนตำแหน่งและเพิ่มเงินเดือนเท่านั้น แต่ยังทำให้เทคโนโลยีส่วนหน้าของฉันมีความก้าวหน้าอย่างมากอีกด้วย ฉันออกไปเที่ยวในกลุ่ม Vue หลักๆ และฟอรั่มหลักๆ มาเป็นเวลานาน และได้ตอบคำถามมือใหม่ของ vuej มากมาย ฉันพบว่าปัญหามากมายเกี่ยวกับเอกสารประกอบ vueApi เกิดจากการทำความเข้าใจ API ไม่เพียงพอ สิ่งที่แย่ที่สุดคือมีคนจำนวนมากไม่ชอบดูเอกสารประกอบ และเนื่องจากพวกเขามีโอกาสน้อยที่จะฝึกฝน พวกเขาจึงสูญเสียเมื่อเผชิญกับปัญหา .
หวัง
หลักสูตรนี้จะพาคุณไปฝึกฝน Vue ตั้งแต่เริ่มต้น ฉันหวังว่าผ่านหลักสูตรนี้ ผู้เริ่มต้นจะสามารถเริ่มต้นใช้งาน Vuejs ได้อย่างรวดเร็ว และเรียนรู้การใช้ API ที่ใช้กันทั่วไปของ Vue.js ได้อย่างรวดเร็ว
วิ่ง
# 更新依赖包
npm install
# 本地运行 at localhost:8080
npm run dev
# 打包
npm run build
คุณจะได้เรียนรู้
- การสร้างสภาพแวดล้อมการพัฒนา vue-cli
- วิเคราะห์เอกสาร API และการเขียนโปรแกรมส่วนประกอบ
- พื้นฐานของ Vue (1. อินสแตนซ์ 2. คอมโพเนนต์ 3. คำสั่ง 4. ตัวเลือก 5. การเรนเดอร์เทมเพลต 6. การเชื่อมโยงเหตุการณ์ 7. คุณสมบัติที่คำนวณ 8. แอนิเมชั่นในตัว 9. การโต้ตอบของคอมโพเนนต์ 10. การกำหนดเส้นทางในตัว)
- vue ขั้นสูง (1.วงจรชีวิต vue 2.การใช้งาน vuex 3.การใช้งาน axios 4.mock.js ข้อมูลการจำลองส่วนหน้า)
- แนวทางแก้ไขปัญหาข้ามโดเมน
ตัวอย่างรูปภาพ
*เวอร์ชั่นพีซี
แคตตาล็อกหลักสูตร (โปรดติดตาม ส่วนหนึ่งจะอัพเดททุกวัน)
- การตั้งค่าสภาพแวดล้อมการพัฒนา
- การติดตั้ง Node.js
- การติดตั้ง vue-cli
- สร้างแอปพลิเคชัน vue แรก
- การพัฒนาเชิงปฏิบัติของ todomvc เวอร์ชันอัปเกรด]
- การเตรียมการเบื้องต้น
- การวิเคราะห์โครงการ
- ต้องการการวิเคราะห์
- การวิเคราะห์ API
- การวิเคราะห์องค์ประกอบ
- รูปแบบที่ตอบสนอง
- การเขียนส่วนประกอบ
- ส่วนประกอบเมนู
- ประกอบหัว
- ส่วนประกอบรายการ
- เมนู
- เขียนโดย api.js (axios.js)
- ผูกข้อมูลเมนู
- เมนูใหม่
- ศีรษะ
- ผูกข้อมูลชิ้นเดียว
- เพิ่มรายการ
- แก้ไขชื่อเรื่อง
- ลบเนื้อหา
- รายการ
- ทำรายการสิ่งที่ต้องทำให้เสร็จสิ้น
- แก้ไขรายการสิ่งที่ต้องทำ
- ลบรายการสิ่งที่ต้องทำ
- ล็อค
- วูเอ็กซ์
- อัพเดตข้อมูลเมนู
- เมนูบนมือถือย่อขนาดลง
- ภาพเคลื่อนไหวการเปลี่ยนแปลง
- ภาพเคลื่อนไหวของเมนู
- รายการภาพเคลื่อนไหว
- อธิบายจุดความรู้ของ Vue.js