我用Vuetify创建了一个简单的v-dialog.它将v-slot:activator用于解构数据，即{on, attrs }.虽然我能理解on部分，但我不明白attrs的目的是什么？如果我删除它，对话框仍然可以正常工作.它是如何工作的，为什么？
下面是Vuetify文档中的一些基本示例:
<template>
<div class="text-center">
<v-dialog
v-model="dialog"
width="500"
>
<template v-slot:activator="{ on, attrs }">
<v-btn
color="red lighten-2"
dark
v-bind="attrs"
v-on="on"
>
Click Me
</v-btn>
</template>
<v-card>
<v-card-title class="text-h5 grey lighten-2">
Privacy Policy
</v-card-title>
<v-card-text>
Lorem ipsum dolor sit amet...
</v-card-text>
</v-card>
</v-dialog>
</div>
</template>
<script>
export default {
data () {
return {
}
},
}
</script>