Default b_UIDs for components

Should all components have a default b_UID on the parent container (if no ID provided)?

And if so, should IDs be “dynamic/reactive” or static once set?

Something like this?

  data() {
    return {
      thisId: this.id || ('b_' + this._uid )
    };
  },
  props: {
    id: { 
      type: String,
      default: null
    }
  }

And if IDs are required for other elements within the component they can be based on thisId:

<template>
  <div :id="thisId">
     <span :id="thisId + '_myspan'">Some element</span>
     <div :id="thisId + '_mydiiv'">Some other element</div>
     <div>This one doesn't need ID</div>
  </div>
</template>

[GregPeden]

Your mixin works but the validation type “Boolean” is wrong, I submitted a PR to your blob.

[GregPeden]

I would make the ID field a prop with default ‘b_’ + this._uid. Any events should be broadcast with the ID included in the data package. And yes it should be responsive. If the programmer wants to do screwy stuff with that then that’s fine.