Vuejs2 如何使用v-bind而不将所有属性显示为HTML属性?

Vuejs2 如何使用v-bind而不将所有属性显示为HTML属性?,vuejs2,Vuejs2,向组件传递属性的标准方法是使用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="[

向组件传递属性的标准方法是使用
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/>
。。。

有什么方法可以防止这种行为吗?

在阅读了有关组件道具的文档后,看起来vueJs没有提供这样的条款来避免这种情况