Apakah senario dan sifat penggunaan vuex?

Senario penggunaan Vuex: 1. Modul pengurusan maklumat peribadi pengguna; 2. Modul troli beli-belah untuk projek e-dagang; Atribut vuex ialah: 1. keadaan, digunakan untuk menyimpan pembolehubah; 3. mutasi;

Persekitaran pengendalian tutorial ini: sistem windows7, versi vue2.9.6&&vuex4.0.2, komputer DELL G3.

Apakah itu vuex?

vuex ialah pemalam yang digunakan untuk mengurus komunikasi antara komponen Ia adalah model pengurusan keadaan yang dibangunkan khas untuk aplikasi [vue.js] Ia menyelesaikan masalah berkongsi keadaan yang sama antara komponen. soalan, ia adalah lebih mampu untuk menguruskan keadaan di luar komponen.

Mengapa anda memerlukan vuex?

Apabila berbilang komponen bergantung pada keadaan yang sama, kaedah menghantar parameter menjadi lebih rumit kerana bersarang antara berbilang lapisan komponen Selain itu, jika anda menggunakan komponen induk-anak untuk diminum secara langsung atau melalui peristiwa, salinan Polifenol bagi keadaan berubah dan disegerakkan menjadikan corak rapuh dan membuat kod tidak dapat dikekalkan.

Bila dan dalam keadaan apakah saya harus menggunakan vuex?

Apabila membina aplikasi satu halaman sederhana hingga besar, anda perlu mempertimbangkan cara mengurus keadaan di luar komponen dengan lebih baik.

Nota: Jika anda tidak membangunkan aplikasi satu halaman yang besar, menggunakan vuex mungkin menyusahkan dan berlebihan, iaitu projek yang boleh dibangunkan dengan cepat akan menjadi rumit selepas menggunakan vuex. Secara amnya, mod kedai yang mudah sudah memadai.

Lima sifat utama vuex

keadaan, pengambil, mutasi, tindakan, modul.

1. keadaan: data asas vuex, digunakan untuk menyimpan pembolehubah

2 geeter: data yang diperoleh daripada data asas (keadaan), bersamaan dengan atribut keadaan yang dikira

3 Mutasi: Kaedah untuk menyerahkan data yang dikemas kini mestilah segerak (jika anda perlu menggunakan tindakan secara tidak segerak). Setiap mutasi mempunyai jenis acara rentetan (jenis) dan fungsi panggil balik (pengendali).

Fungsi panggil balik ialah tempat kita sebenarnya menukar keadaan, dan ia akan menerima keadaan sebagai parameter pertama dan menyerahkan muatan sebagai parameter kedua.

4 Tindakan: Fungsinya lebih kurang sama dengan mutasi, bezanya ==》1. 2. Tindakan boleh mengandungi sebarang operasi tak segerak.

5 Modul: Modular vuex membolehkan setiap modul mempunyai keadaan, mutasi, tindakan dan pengambilnya sendiri, menjadikan strukturnya sangat jelas dan mudah diurus.

Gunakan senario vuex:

• Modul pengurusan maklumat peribadi pengguna;

• e-dagang Modul troli beli-belah projek memanggil antara muka untuk mendapatkan kuantiti troli beli-belah setiap kali (prasyarat Kesannya dicapai, tetapi setiap permintaan HTTP menggunakan prestasi penyemak imbas). Sebaliknya, menggunakan mutasi vuex untuk mencetuskan adalah lebih berfaedah;

• Dalam modul pesanan dan senarai pesanan saya, klik Batalkan Pesanan, dan kemudian kemas kini senarai pesanan yang sepadan , nyatakan untuk menyimpan keadaan, pantau keadaan ini dan kemas kini senarai yang sepadan apabila ia berubah; Bagaimana untuk menyimpan maklumat kupon yang dipilih? Negeri menyimpan maklumat kupon Apabila memilih kupon, mutasi dihantar pada halaman penyelesaian pesanan, kupon yang dipilih diperoleh dan maklumat diskaun pesanan dikemas kini; "

  tutorial vue.js

  》

Atas ialah kandungan terperinci Apakah senario dan sifat penggunaan vuex?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!