vue动态绑定事件、传递参数

vue动态传递不确定个数的参数到子组件这个还是经常用的，动态绑定不确定个数的事件就不太常用了，写这篇也是因为自己没有好好看官方文档，所以来记录一下。下面的代码示例就采用vue2了，vue3也是一样的。

v-bind

相信大家对vue的父传子已经很熟悉了。假设子组件接受下面三个参数：

<script>
export default {
  props: {
    size: {
      type: Number,
      default: 20
    },
    color: {
      type: String,
      default: '#fff'
    },
    background: {
      type: String,
      default: '#000'
    }
  }
}
</script>

那我们父组件可以单独传递：

<template>
  <div class='wft-main'>
    <Child
      :size="config.size"
      :color="config.color"
      :background="config.background"
    />