javascript - tukar nilai keadaan dalam vue

Question

Saya tahu bahawa tindakan mengendalikan pemprosesan tak segerak. Apa yang saya maksudkan ialah selepas mengklik butang, anda boleh menukar nilai secara langsung dalam kaedah, tanpa melalui tindakan atau mutasi spesifikasi Vue?

Answer 1

Mengenai mengapa anda tidak boleh menghubungi terus kaedah mutasi atau mengubah suai secara langsung atribut keadaan, tetapi anda mesti menyerahkan mutasi melalui komit? Petikan daripada dokumentasi rasmi:

Sekali lagi, kami menyerahkan mutasi dan bukannya menukar terus store.state.count kerana kami ingin menjejaki perubahan keadaan dengan lebih jelas. Konvensyen mudah ini menjadikan niat anda lebih jelas, jadi anda boleh lebih mudah mentafsir perubahan keadaan dalam aplikasi apabila membaca kod. Di samping itu, ini juga memberi kami peluang untuk melaksanakan beberapa alat penyahpepijatan yang boleh merekodkan setiap perubahan keadaan dan menyimpan syot kilat keadaan. Dengan itu, kami juga boleh mencapai pengalaman penyahpepijatan seperti perjalanan masa.
Memandangkan keadaan dalam stor responsif, memanggil keadaan dalam stor dalam komponen adalah semudah mengembalikannya dalam harta yang dikira. Mencetuskan perubahan hanyalah masalah menyerahkan mutasi dalam kaedah komponen.

Adalah dapat dilihat bahawa apabila mereka bentuk vuex, untuk menjejaki perubahan dalam keadaan, telah dipersetujui bahawa komit mesti digunakan untuk menyerahkan perubahan dalam data yang dicetuskan oleh mutasi. Anda boleh mencuba pemalam penyahpepijatan vue rasmi, yang dipanggil Vue Devtools Anda boleh melihat terus komponen, data, vuex, dsb., dan anda juga boleh menjejaki perubahan Jika anda mencubanya, anda mungkin akan tahu mengapa anda melakukan ini.