topology vue demo
1.0.0
Topologie-Editor basierend auf Topologie + elemenu-ui + vue-cli (nur als Lernreferenz)
Derzeit ist die Funktion sehr einfach. Ich habe auf mehrere von Vue geschriebene Demos zur Topologie verwiesen und sie zusammengefügt, um sie in etwas zu ändern, mit dem ich vertraut bin. Wird weiterhin die API-Implementierung in der Topologie pflegen und hinzufügen
Der allgemeine Rahmen basiert auf anderen Demos, die relativ gut gemacht sind. Anschließend werden die Komponenten entsprechend dem Layout unterteilt, um die Entwicklung nach Komponenten zu erleichtern. Hauptsächlich zum Betreiben des Canvas-Objekts, Übergeben des Canvas an jede Komponente, und die Komponente arbeitet selbst (das Prinzip besteht darin, Objekte mit derselben Anwendungsadresse zu bedienen) oder eine Ausgabe, um die Methode der übergeordneten Komponente zurückzurufen. Das offizielle Le5le-Beispiel ist in Nuxt geschrieben und verwendet Vuex, um der übergeordneten Komponente mitzuteilen, welche Methoden aufgerufen werden sollen. Da ich vuex hier nicht einführen möchte, habe ich es entfernt und durch das aktuelle ersetzt. Ich bin bisher auf keine Probleme gestoßen. Wenn Sie bessere Methoden haben, geben Sie mir bitte eine Anleitung.
npm i
npm run serve
npm run build
npm run lint
Dies dient zum Testen eines Topologiefehlers. Wenn Sie die linke Komponente auf die Leinwand ziehen, springt die Seite an eine bestimmte Position zurück. Denn wenn wir es als Komponente in das Projekt einfügen, handelt es sich nicht unbedingt um eine separate Schnittstelle, sondern kann als von einem Dialog oder Container umhüllte Komponente verwendet werden, sodass dieser Fehler immer noch einige Auswirkungen hat. Unter normalen Umständen kann es entfernt werden
