vue.js - 忽略未定义的道具

Question

我将这样的对象传递给组件：

obj = {
   prop1: 1,
   prop2: 2,
   prop3: 3
}
<my-component :data="obj"></my-component>

根据设计，该组件仅定义了这两个，因为我想忽略未定义的内容：

    props: {
        prop1: Number,
        prop2: Number
    }

发生了什么是当组件被渲染时，根节点看起来像这样，未定义的道具像属性一样放置？！：

<div prop3="3">
   ...
</div>

我不希望组件对未定义的道具进行解构，并且绝对不希望它们在根元素中呈现。我希望他们被忽略。是否有标志或某些设置说忽略所有未定义的道具？

请不要说我为什么需要这个。我这样做是因为这些对象是在其他地方构建的，并且不想仅仅为此目的创建新的子集对象。

标签： vue.jsvue-component