Стандартным способом передачи свойств компоненту является использование директивы v-bind
:
<Child :prop1="myObj.prop1" :prop2="myObj.prop2" :prop3="myObj.prop3"/>
Но Vue позволяет просто передать весь объект:
<Child v-bind="myObj"/>
Однако есть один недостаток, с которым я столкнулся: элемент HTML показывает все эти свойства:
<div class="child" prop1="[Object object]" prop2="2" prop3="[1,2,3]">...<div/>
Есть ли способ предотвратить такое поведение?