Vuetify，工具提示：“on”和“attrs”有什么用？

我在 Vuetify 文档中查找“Tooltip”，找到了这个示例：

<v-tooltip left>
  <template v-slot:activator="{ on, attrs }">
    <v-btn
      color="primary"
      dark
      v-bind="attrs"
      v-on="on"
    >Left</v-btn>
  </template>
  <span>Left tooltip</span>
</v-tooltip>

什么是on and attrs为了？为什么它们是强制性的？

另外，这是聆听声音的正确方法吗？click event?

<v-tooltip bottom>
  <template v-slot:activator="{ on }">
    <v-btn v-on="{...on, click: onToggle }" icon>
      <v-icon>mdi-eye</v-icon>
    </v-btn>
  </template>
  Show password
</v-tooltip>

我可以自己解释这意味着什么，但我认为这个视频更好地解释了它，我让你用它来解释 v-on 和 attrs 的实用性

只需查看该部分即可透明包装纸

https://youtu.be/7lpemgMhi0k?t=1314 https://youtu.be/7lpemgMhi0k?t=1314

Summary

v-on：绑定一系列监听函数

更多内容请参见：https://v2.vuejs.org/v2/api/#v-on https://v2.vuejs.org/v2/api/#v-on

$attrs：存储父组件中设置的属性，可以在内部组件中复用它们

更多内容请参见：https://v2.vuejs.org/v2/api/#inheritAttrs https://v2.vuejs.org/v2/api/#inheritAttrs

除了视频中显示的用途之外，您还可以找到其他用途，但是transparent wrappers是一个常见的用例。