Example $attrs Object

There are four elements on the root level of the component.

The v-bind="$attrs" adds the "pink" id, and title fallthrough attributes to the p-tag.

(The title attribute creates a tooltip text when the mouse pointer hovers for a second or so over the pink p tag.)

Tigers

tiger

Tigers eat meat and not plants, so they are called carnivores.


Below is the content of the $attrs object:

{
  "id": "pink",
  "title": "This is the title"
}