topology vue demo

demo topologi

Editor topologi berdasarkan topologi + elemenu-ui + vue-cli (hanya untuk referensi pembelajaran)

Saat ini, fungsinya sangat sederhana. Saya mereferensikan beberapa demo tentang topologi yang ditulis oleh Vue dan mengintegrasikannya untuk mengubahnya menjadi sesuatu yang saya kenal. Akan terus mempertahankan dan menambahkan implementasi API pada topologi

Pemilihan teknologi

• Vue-Cli
• Topologi
• Elemen-ui

Ide

Kerangka umum didasarkan pada demo lain yang dilakukan dengan relatif baik, dan kemudian komponen dibagi menurut tata letak untuk memfasilitasi pengembangan berdasarkan komponen. Terutama untuk mengoperasikan objek kanvas, meneruskan kanvas ke setiap komponen, dan komponen beroperasi dengan sendirinya (prinsipnya adalah mengoperasikan objek dengan alamat aplikasi yang sama), atau emit untuk memanggil kembali metode komponen induk. Contoh resmi Le5le ditulis dalam Nuxt dan menggunakan Vuex untuk memberi tahu komponen induk metode mana yang harus dipanggil. Karena saya tidak ingin memperkenalkan vuex di sini, saya menghapusnya dan menggantinya dengan yang sekarang. Saya belum menemui masalah apa pun sejauh ini. Jika Anda memiliki metode yang lebih baik, tolong beri saya panduan.

Penggunaan

Operasi proyek

 npm i
npm run serve

Pembangunan proyek

 npm run build

Lint dan memperbaiki file

 npm run lint

Pertanyaan Umum

Mengapa padding: 50px di bawah App.vue

Ini untuk menguji bug topologi. Saat menyeret komponen kiri ke kanvas, halaman akan memantul kembali ke posisi tertentu. Karena ketika kita memasukkannya ke dalam proyek sebagai sebuah komponen, itu belum tentu merupakan antarmuka yang terpisah, tetapi dapat digunakan sebagai komponen yang dibungkus oleh dialog atau wadah, sehingga bug ini masih berdampak. Itu dapat dihapus dalam keadaan normal

Jalankan tangkapan layar