需求描述
在各大组件库和自定义的组件中，常有需要传入/绑定多个属性的需求，以实现下方效果为例：
实现的代码为：
<el-input v-model="value" placeholder="请输入" maxlength="10" show-word-limit />
随着属性的增加，可能占据过多的空间，而影响一目了然的查看 html 元素结构。
解决方案
使用 v-bind 批量绑定属性，代码如下：
<template> <div> <el-input v-model="value" v-bind="config" /> </div> </template> <script> export default { data() { return { value: "", config: { placeholder: "请输入", maxlength: "10", "show-word-limit": true, }, }; }, }; </script>
