javascript - Masalah dengan pemindahan nilai prop dalam vue?

Question

Komponen induk menghantar item objek kepada komponen anak Saya mendapati bahawa apabila menggunakan kaedah satu, setiap atribut dalam item yang diterima oleh komponen anak akan mempunyai kaedah dapatkan/set tambahan Jika terdapat banyak atribut, kaedah dua juga menjengkelkan. Sila bertanya kepada pakar bagaimana untuk melakukannya

方法一：
<img-box :obj='item'></img-box>
方法二：
<img-box
      :value='item.value'
      :activeParam='item.activeParam'
      :aimUrl='item.aimUrl'
      :jumpType='item.jumpType'
      :setTop='item.setTop'
      :setWidth='item.setWidth'
      :themeId='item.themeId'
      :todocode='item.todocode'
      :toolId='item.toolId'
      :ttid='item.ttid'
    ></img-box>

Answer 1

<img-box :obj='item'></img-box>
let {value, activeParam, aimUrl, jumpType, setTop, setWidth, themeId, todocode, toolId,  ttid} = item;

Answer 2

Hanya melepasi objek secara terus, dan kemudian subkomponen menggunakan objek untuk menerimanya

Answer 3

Komponen induk: <img-box :obj='item'></img-box>
Komponen kanak-kanak: props:{

        obj:{},
    }

Saya akan terima barang terus