javascript - Problème de transfert de valeur d'accessoires dans Vue?

Question

Le composant parent transmet un élément d'objet au composant enfant. J'ai découvert que lors de l'utilisation de la première méthode, chaque attribut de l'élément reçu par le composant enfant aura une méthode get/set supplémentaire. S'il y a de nombreux attributs, la méthode deux l'est également. ennuyeux. Veuillez demander aux experts comment faire

.

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

Passez simplement un objet directement, puis le sous-composant utilise l'objet pour le recevoir

Answer 3

Composant parent : <img-box :obj='item'></img-box>
Composant enfant : props :{

        obj:{},
    }

Je recevrai l'article directement