Mengapakah sifat objek ditanda baca sahaja dalam kod JavaScript (Vue) saya?

Question

Saya mempunyai aplikasi Vue 2 yang mempunyai pembolehubah keadaan (tatasusunan yang mengandungi objek kotak) dipanggil kotak. Saya mempunyai sifat pengiraan yang mengekstrak subset kotak ini (kotak_pautan_kotak_terdekat).

Saya mempunyai kaedah yang melingkari kotak yang dikembalikan oleh kotak_pautan_kotak_terdekat

for(biar i=0;i<ini.kotak_pautan_kotak_terdekat.length;i++)
{
  biarkan kotak = ini.kotak_pautan_kotak_terdekat[i];
  box.object_class = this.$store.state.selected_object_class;
  box.patch();
}

Kaedah ini mengembalikan ralat:

vue.esm.js:648 [Vue warn]: Ralat dalam pengendali v-on: "TypeError: Tidak boleh menetapkan untuk membaca sifat 'object_class' sahaja objek '#<Kotak>'"

Saya tidak pernah secara eksplisit membuat sebarang objek kotak (atau sifatnya) baca sahaja. Saya tahu bahawa saya tidak boleh menulis kepada nearrest_box_linked_boxes (objek tatasusunan induk) kerana ia adalah sifat yang dikira, tetapi saya fikir ia sepatutnya boleh mengubah suai sifat setiap elemen dalam tatasusunan ini.

Adakah saya mengalami masalah yang disebabkan oleh Vue dan sifat yang dikira, atau adakah ia sesuatu yang lain?

Answer 1

Anda harus sentiasa menganggap sifat yang dikira sebagai "baca sahaja", pengecualian adalah penetap harta yang dikira.

Walaupun secara teknikalnya mungkin untuk mengubah suai objek yang dikembalikan oleh harta yang dikira, ini secara amnya idea yang tidak baik. Sebaik sahaja kebergantungan berubah, objek akan diganti dan perubahan anda akan hilang.