How to shorten multiple v-bind?

Question

Vue.js

<Card
  v-for="(flat, idx) of getFlats"
  :key="idx"
  v-bind:title="flat.title"
  v-bind:id="flat.id"
  v-bind:square="flat.square"
  v-bind:price="flat.price"
  v-bind:desc="flat.desc"
  v-bind:phone="flat.phone"
/>

I iterate the component and throw properties into it, how to simplify this entry and get rid of a large number of v-binds?

Answer 1

If the property names match, then try this:
v-bind="flat"
The result should be equivalent