Dalam Vue, modularisasi adalah untuk merangkumkan satu fungsi ke dalam modul (fail) Modul diasingkan antara satu sama lain, tetapi mereka boleh mendedahkan ahli dalaman melalui antara muka tertentu atau bergantung pada modul lain ( Memudahkan penggunaan semula kod, dengan itu meningkatkan kecekapan pembangunan dan memudahkan penyelenggaraan kemudian). Faedah pembangunan modular: 1. Organisasi yang jelas dan penyelenggaraan yang mudah 2. Semua data tidak akan diminta kembali sekaligus, dan pengalaman pengguna adalah baik 3. Modul diasingkan antara satu sama lain, tetapi ahli dalaman boleh didedahkan melalui tertentu; antara muka, atau Bergantung pada modul lain.
Persekitaran pengendalian tutorial ini: sistem windows7, versi vue3, komputer DELL G3.
Apakah modulariti
Kami mengatakan bahawa projek Vue dibahagikan mengikut modul, jadi apakah itu modul?
Modular, ia bersamaan dengan bar navigasi laman web kami, maka setiap item navigasi boleh dianggap seperti yang disebutkan dalam gambar berikut
Modularisasi adalah seperti item berfungsi yang besar, dan item berfungsi yang besar ini boleh mengandungi berbilang komponen.
Apabila digunakan, satu modul sepadan dengan direktori fail di bawah komponen di bawah projek Vue kami
Setiap modul boleh mempunyai Berbilang komponen, ini komponen membentuk halaman modul lengkap (halaman tunggal)
Tetapi setiap modul mesti mempunyai fail utama (komponen induk modul), fail ini mesti didaftarkan dalam penghalaan pengurusan (router/index.js). Semasa mendaftar, ia mesti memenuhi borang berikut:
export default new Router({ mode: 'history', routes: [ { path: '/', name: 'Default', redirect: '/home', component: Home }] })
Komponen yang selebihnya boleh digunakan dengan cara berikut Gunakan untuk suntikan. Apabila menggunakannya, labelkan nama dalam atribut nama komponen dalam komponen induk (vue akan menukar nama yang dinamakan dalam kes unta -------- (BookManager——>book-manager) )
Kedua, anda perlu mendaftarkannya dalam compent, anda akan menggunakan atribut nama komponen. Suntikan
Ringkasan:
Modularisasi adalah untuk merangkumkan satu fungsi ke dalam modul (fail). antara satu sama lain, tetapi boleh mendedahkan ahli dalaman melalui antara muka tertentu, atau bergantung pada modul lain (untuk memudahkan penggunaan semula kod, dengan itu meningkatkan kecekapan pembangunan dan memudahkan penyelenggaraan kemudian).
Mengapa menggunakan modulariti? Kelebihan menggunakan modulariti
Sudah tentu semua fungsi halaman boleh direalisasikan tanpa menggunakan pembangunan modular, tetapi ia akan meningkatkan tekanan pada permintaan pelayan dan mengurangkan pengalaman pengguna Apabila halaman keperluan Apabila terdapat terlalu banyak data, satu permintaan mengandungi semua data yang diminta Bagaimana jika pengguna tidak memerlukannya? Adakah permintaan sedemikian masih berkesan? Sudah tentu ia tidak memberi kesan, jadi masalah seperti ini boleh diselesaikan dengan menggunakan idea pembangunan modular
Bercakap secara ringkas tentang faedah menggunakan pembangunan modular
1 penyelenggaraan yang mudah
2. Semua data tidak akan diminta kembali sekaligus, dan pengalaman pengguna adalah baik
3 , atau mereka boleh bergantung pada Modul lain
Perbandingan antara modularisasi dan komponenisasi
1. Sistem komponen ialah salah satu ciri teras Vue Ia membolehkan pembangun membina aplikasi berskala besar menggunakan komponen yang kecil, bebas dan biasanya boleh digunakan semula
2 , Kebolehgunaan semula, dsb.;
3 Penggunaan komponen dikelaskan kepada: komponen halaman, komponen perniagaan, komponen umum
4 Konfigurasi komponen dan bukannya komponen Rangka kerja akan menghasilkan pembinanya kemudiannya. Ia adalah berdasarkan VueComponent dan memanjangkan Vue
5 Teknologi komponen biasa dalam Vue termasuk prop atribut, acara tersuai, dan lain-lain Digunakan untuk komunikasi komponen, pengembangan, dsb.;
6. Pembahagian komponen yang munasabah boleh membantu meningkatkan prestasi aplikasi
7 >8. Ikut prinsip aliran data sehala.
Perbezaan antara mereka ialahModularisasi: ia dibahagikan daripada perspektif logik kod; ia memudahkan pembangunan hierarki kod dan memastikan setiap modul berfungsi mempunyai satu fungsi
Pengkomponenan: Ia dibahagikan daripada perspektif antara muka UI Pemkomponenan bahagian hadapan memudahkan penggunaan semula komponen UI [Cadangan berkaitan:
tutorial video vuejs, web. pembangunan bahagian hadapan】
Atas ialah kandungan terperinci Apakah modulariti dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!