vue-todos
Vorschauadresse (Responsive Design, PC, Mobil) Erstveröffentlichungsadresse (Quellcode und Tutorial)
vue-todos ist eine aktualisierte Version des todomvc-vue-Moduls. Es verfügt über eine einfache Benutzeroberfläche, umfangreiche Funktionen und umfassende Kenntnisse. Es kann Ihnen helfen, schnell mit vuejs zu beginnen , und fork it. Das sind die Beweggründe für mich, weiterzumachen!!
Vorwort
vuejs ist ein gutes Open-Source-Projekt, das unsere Produktivität enorm steigert. Die zweijährige Nutzung von Vue verschaffte mir nicht nur eine Beförderung und eine Gehaltserhöhung, sondern machte auch große Fortschritte in meiner Front-End-Technologie. Ich bin schon lange in großen Vue-Gruppen und großen Foren unterwegs und habe viele Fragen von Vuejs-Anfängern beantwortet. Ich habe festgestellt, dass viele Probleme mit der vueApi-Dokumentation auf unzureichendes Verständnis der API zurückzuführen sind. Das Schlimmste ist, dass viele Leute die Dokumentation nicht gerne konsultieren und bei Problemen ratlos sind, weil sie nur wenige Möglichkeiten zum Üben haben .
Hoffnung
Dieser Kurs führt Sie dazu, Vue von Grund auf zu üben. Durch diesen Kurs können Sie schnell mit Vuejs beginnen und die häufig verwendeten APIs von Vue.js effektiv erlernen.
laufen
# 更新依赖包
npm install
# 本地运行 at localhost:8080
npm run dev
# 打包
npm run build
Du wirst lernen
- Aufbau einer Vue-Cli-Entwicklungsumgebung
- Analysieren Sie die API-Dokumentation und Komponentenprogrammierung
- Vue-Grundlagen (1. Instanz 2. Komponente 3. Direktive 4. Optionen 5. Vorlagenrendering 6. Ereignisbindung 7. Berechnete Eigenschaften 8. Integrierte Animation 9. Komponenteninteraktion 10. Integriertes Routing)
- vue advanced (1.vue-Lebenszyklus 2.vuex-Nutzung 3.axios-Nutzung 4.mock.js Front-End-Simulationsdaten)
- Lösungen für domänenübergreifende Probleme
Bildvorschau
*PC-Version
Vorlesungsverzeichnis (bitte bleiben Sie auf dem Laufenden, ein Abschnitt wird jeden Tag aktualisiert)
- Einrichtung der Entwicklungsumgebung
- Node.js-Installation
- Installation von vue-cli
- Erstellen Sie die erste Vue-Anwendung
- Praktische Entwicklung einer aktualisierten Version von todomvc]
- Vorläufige Vorbereitung
- Projektanalyse
- Bedarfsanalyse
- API-Analyse
- Komponentenanalyse
- Responsives Layout
- Komponentenschreiben
- Menükomponente
- Kopfmontage
- Listenkomponente
- Speisekarte
- Geschrieben von api.js (axios.js)
- Menüdaten binden
- Neue Speisekarte
- Kopf
- Binden Sie ein einzelnes Datenelement
- Liste hinzufügen
- Titel ändern
- Inhalte entfernen
- Liste
- Erledigen Sie Aufgaben
- Ändern Sie Aufgabenelemente
- Aufgabenelemente löschen
- Verriegelung
- Sperren Sie Aufgabenelemente
- vuex
- Aktualisierung der Menüdaten
- Mobiles Menü verkleinern
- Übergangsanimation
- Menüanimation
- Listenanimation
- Die Wissenspunkte von Vue.j werden erklärt