Vue——v-bind、v-on动态参数

1. v-bind指令的动态参数代码如下

代码中的attributeName会被作为一个JavaScript表达式进行动态求值，求得的值将会作为最终的参数来使用。例如，如果Vue实例有一个data属性attributeName，其值为href，那么这个绑定将等价于v-bind:href。

<a v-bind:[attributeName]="url"> ... </a>

2. v-on指令的动态参数代码如下

代码中的event会被作为一个JavaScript表达式进行动态求值，求得的值将会作为最终的参数来使用。例如，如果Vue实例有一个data属性event，其值为click，那么这个绑定将等价于v-on:click。

<button v-on:[event]="doThis"></button>