topology vue demo

démo de topologie

Éditeur de topologie basé sur la topologie + elemenu-ui + vue-cli (pour référence d'apprentissage uniquement)

À l'heure actuelle, la fonction est très simple. J'ai référencé plusieurs démos sur la topologie écrites par Vue et je les ai intégrées ensemble pour la remplacer par quelque chose que je connais. Continuera à maintenir et à ajouter la mise en œuvre de l'API sur la topologie

Sélection technologique

• Vue-Cli
• Topologie
• Élément-ui

Idées

Le cadre général s'appuie sur d'autres démos relativement bien réalisées, puis les composants sont répartis selon le layout pour faciliter le développement par composants. Principalement pour faire fonctionner l'objet canevas, passer le canevas à chaque composant, et le composant fonctionne tout seul (le principe est de faire fonctionner des objets avec la même adresse d'application), ou émettre pour rappeler la méthode du composant parent. L'exemple officiel de Le5le est écrit en Nuxt et utilise Vuex pour indiquer au composant parent quelles méthodes appeler. Parce que je ne veux pas introduire vuex ici, je l'ai supprimé et remplacé par l'actuel. Je n'ai rencontré aucun problème jusqu'à présent. Si vous avez de meilleures méthodes, donnez-moi quelques conseils.

Usage

Exploitation du projet

 npm i
npm run serve

Construction du projet

 npm run build

Charpie et corrige les fichiers

 npm run lint

FAQ

Pourquoi le remplissage : 50 px sous App.vue

Il s'agit de tester un bug de topologie. Lorsque vous faites glisser le composant gauche vers le canevas, la page rebondit à une certaine position. Parce que lorsque nous l'insérons dans le projet en tant que composant, il ne s'agit pas nécessairement d'une interface distincte, mais peut être utilisé comme composant enveloppé dans une boîte de dialogue ou un conteneur, donc ce bug aura toujours un certain impact. Il peut être retiré dans des circonstances normales

Exécuter une capture d'écran