Atribut vuex ialah: 1. keadaan, digunakan untuk menyimpan pembolehubah; untuk keadaan Pembolehubah di dalam ditapis 5. modul.
Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.
Apakah itu Vuex?
Vuex ialah corak pengurusan keadaan yang dibangunkan khusus untuk aplikasi Vue.js. Ia menggunakan storan terpusat untuk mengurus status semua komponen aplikasi dan menggunakan peraturan yang sepadan untuk memastikan status berubah dengan cara yang boleh diramal. Vuex juga disepadukan ke dalam sambungan devtools alat penyahpepijatan rasmi Vue, yang menyediakan fungsi penyahpepijatan lanjutan seperti penyahpepijatan perjalanan masa konfigurasi sifar, import dan eksport syot kilat negeri, dsb.
Terdapat lima atribut yang sangat penting dalam Vuex, iaitu keadaan, mutasi, tindakan, pengambil dan modul.
Lima atribut vuex
1.state
Letakkan maklumat berkaitan negeri, Vue menggunakan pepohon keadaan tunggal, iaitu sumber data tunggal, yang bermaksud negeri kita hanya boleh mempunyai satu
2.mutasi
mutasi sebenarnya bersamaan dengan kaedah dalam vue kami, yang juga mentakrifkan kaedah, tetapi kaedah ini boleh dipanggil dalam berbilang komponen.
Dia memanggilnya seperti ini: Gunakan komitmen kami
Akhirnya hanya gunakannya:
3.tindakan
mutasi adalah untuk menulis operasi segerak tidak boleh ditulis di dalamnya, jadi kita perlu menambahnya dalam tindakan Mari kita tulis operasi kita operasi tak segerak di dalam. Dan apabila menulis operasi tak segerak, daripada menggunakan komit semasa membuat panggilan, gunakan penghantaran kami
Sebagai ditunjukkan dalam gambar di atas, kami mula-mula menulis kaedah kami dalam mutasi, kemudian menulis operasi tak segerak dalam tindakan, kemudian memanggil kaedah yang kami tulis dalam mutasi, dan kemudian kembali ke komponen kami dan menggunakannya dalam komponen Penghantaran kami sudah mencukupi.
4.getters
Getters sebenarnya bersamaan dengan sifat yang dikira dalam vue Kami menggunakan beberapa kaedah pengiraan di sini, dan ia agak mudah untuk digunakan hanya perlu menggunakannya terus dalam komponen. Operasi adalah seperti yang ditunjukkan di bawah.
5.modul
Yang terakhir ialah modul kami, yang bermaksud modulariti Kerana ia adalah pokok negeri tunggal, kami takut kami akan menulis terlalu banyak perkara di negeri itu dan ia akan menjadi sukar untuk mencari. Kemudian Kami boleh mentakrifkan semula salah satu modul kami dalam modul kami, yang setara dengan kedai, yang juga mempunyai lima atribut yang kami perlukan, dan operasi yang dilakukan adalah sama.
(Mempelajari perkongsian video: tutorial vuejs, bahagian hadapan web)
Atas ialah kandungan terperinci Apakah sifat yang ada pada vuex?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!