Как задать id при создании компонента в vue.js?

1
2
3
4
5

  
    // Вставляйте здесь свои компоненты
  

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

  
    // Вставляйте здесь свои компоненты
  



  export default {
    props: {
      componentId: {
        default: '',
        type: String
      }
    }
  }

1

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

<template>
  <div :id="componentId">
    <!-- Содержимое компонента -->
  </div>
</template>

<script>
export default {
  props: {
    componentId: {
      default: '',
      type: String
    }
  }
}
</script>

1

<custom-component :componentId="'my-custom-id'"></custom-component>