Vue.js: What is the difference between inheritAttrs and $attrs?

inheritAttrs — control attribute inheritance. $attrs — access attrs.

inheritAttrs:

• Control inheritance.
• false to disable.

$attrs:

• Non-prop attributes.
• Pass to child.

1<!-- Parent -->
2<MyInput class="large" placeholder="Enter..." />
3
4<!-- Child -->
5<script setup>
6defineOptions({ inheritAttrs: false })
7</script>
8
9<template>
10  <input v-bind="$attrs" />
11</template>

Key: inheritAttrs:false + v-bind="$attrs" for manual.