javascript - Problem mit der Übertragung von Props-Werten in Vue?

Question

Die übergeordnete Komponente übergibt ein Objektelement an die untergeordnete Komponente. Ich habe festgestellt, dass bei Verwendung der ersten Methode jedes von der untergeordneten Komponente empfangene Attribut über eine zusätzliche Get/Set-Methode verfügt nervig. Bitte fragen Sie die Experten, wie es geht

方法一：
<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

就直接传一个对象过去，然后子组件用对象接收

Answer 3

父组件：<img-box :obj='item'></img-box>
子组件： props:{

        obj:{},
    }

直接不就接收到item了