Задачи на работу с циклами Vue.js

Как получить индекс перибираемого элемента в цикле for и передать его в атрибут key

<template>

  <div>

    <div v-for="child in childs">

      {{child}}

    </div>

  </div>

</template>




<script>

export default {

  data() {

    return {

      childs: ['Первый','Второй', 'Третий']

    };

  },

};

</script>

Объясните, для чего нужен атрибут v-bind:key для элемента с директивой v-for

Почему нельзя использовать директивы v-for и v-if одновременно?