vue中怎么像react一样使用扩展运算符传属性？

Question

在react中，如果对第三方的组件封装，那么就可以{ a, b, ...props} = this.props; <Button {...props} />a和b为自定义部分的属性，剩余的属性直接传到第三方组件，在vue怎么实现这个功能？

Answer 1

v-bind

https://cn.vuejs.org/v2/api/#...

<example v-bind="{a, b, ...props}"></example>
...
data() {
    return {
        a: xx,
        b: xx,
        props: { ... }
    }
}

不过，如果要在example中获取到a、b，还是得先在props中定义他们。

Answer 2

使用render函数试试