如何将每个div链接到Vue元素，就像一个div是父元素一样？

<!-- 在Vue组件中定义一个div链接 -->
<template>
  <div class="my-div" @click="handleClick">{{ content }}</div>
</template>

<script>
export default {
  props: ['content'],
  methods: {
    handleClick() {
      // 处理div的点击事件
    }
  }
}
</script>

<!-- 在Vue实例中使用组件 -->
<template>
  <div>
    <my-component v-for="item in divList" :key="item.id" :content="item.content"></my-component>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue'

export default {
  components: {
    'my-component': MyComponent
  },
  data() {
    return {
      divList: [
        { id: 1, content: 'div1' },
        { id: 2, content: 'div2' },
        { id: 3, content: 'div3' }
      ]
    }
  }
}
</script>