如何传递所有属性给子组件（v-bind）

v-bind 的功能

1.v-bind 用于绑定一个或多个属性值 或者向另一个组件传递props值

2.开发标签属性的动态绑定

写法

 完整语法： <a v-bind:href="url">...</a>

缩写： <a :href="url">...</a>

动态参数的缩写 (2.6.0+) ： <a :[key]="url"> ... </a>

案例：

如图，table表格里有不同字段姓名、年龄，tableDate里为相应内容name、age，

将data用v-bind绑定到<el-table>上，此时<el-table>上可获得数据 。每一列我们需要知道相对应的列的字段名字，所以在<el-table-column>相对应的label和prop

 网页效果

现想改变“姓名”这一列宽度，要在数据里添加属性，并手动在上面绑定

而用v-bind将整个column传入，能够实现下面添加完数据之后，上面column组件能自动的获取下面所有添加的属性。

此时就不用挨个把所有属性都列出来，现在只要修改下面数据，column子组件就能接收到所有数据，这样就会更加方便

标签：...,column,bind,绑定,组件,给子,属性
来源： https://www.cnblogs.com/slx0125/p/16264825.html