需求：

在父组件中存在一个对象obj，想把obj中所有属性都作为子组件的attribute添加到子组件中。

例

父组件：

<template>
  <input>
</template>

<script>
export default {
  data(){
    return {
      inputAttr:{
        type:'text',
        placeholder:'请输入',
      }
    }
  }

}
</script>

<style>

</style>
}

子组件为input，想要把父组件的inputAttr对象中的属性（type、placeholder）作为子组件input的attribute属性绑定到input中。

实现

通过v-bind实现

<template>
  <input v-bind="inputAttr">
</template>

<script>
export default {
  data(){
    return {
      inputAttr:{
        type:'text',
        placeholder:'请输入',
      }
    }
  }

}
</script>

<style>

</style>

结果：

参考vue v-bind

另外：如果是使用的render方法渲染组件，可以直接把属性对象放入标签中。

感觉好多基础的知识点都遗漏了，记录一下，希望自己能保持学习。