Vue.js の inheritAttrs に関する大きな勘違い - Qiita

はじめに Vue コンポーネントには inheritAttrs というディレクティブがあります。 API — Vue.js #inheritAttrs 直訳すると 「属性を引き継ぐ」。 まず簡単な例を示します。Vuetify.js の v-btn をラップしたボタンを作ってみましょう。 クリックすると消滅する DismissibleButton を作ります。 消滅するまでの時間をミリ秒で timeout で指定できるようにします。 <template> <v-btn v-if="visible" @click="hide"> <slot /> </v-btn> </template> <script> export default { props: { timeout: { type: Number, default: 0, }, }, data() { return { visible: