v-bind指令大家一定很熟悉，简单来说就是给组件绑定属性，但是 大家是不是很多少用到绑定对象，有人说，设置class 时我就是绑定对象，你说的很对，但是不是我想说滴

大家在使用第三方组件的时候，如果遇到设置很多属性的时候，都写在组件上是不是很烦,举个不是很烦的小栗子

  <el-input
    v-model="inputValue"
    placeholder="请输入内容"
    :showWordLimit="true"
    :clearable="true"
    size="small"
    :maxlength="30"
  />

这个时候我们就可以使用 v-bind + computed,来愉快解决此问题

<el-input v-model="inputValue" v-bind="eleInput" />

  computed: {
    eleInput() {
      return {
        placeholder: "请输入内容",
        showWordLimit: true,
        clearable: true,
        size: "small",
        maxlength: 30,
      };
    },
  },

使用 computed而不适用 data的原因，可以很方便计算某些需要动态改变的属性

參考資料

• v-bind