Vuetify Slide Groups中@click="toggle"与v-slot绑定逻辑问询

咱们来一步步拆解这段代码的工作逻辑，搞清楚toggle和active是怎么配合的：

1. 插槽作用域的传值逻辑
   <v-slide-item>组件的default插槽是一个作用域插槽，它会主动向插槽内部暴露两个变量：

   • active：布尔值，用来标记当前这个<v-slide-item>是否处于激活状态
   • toggle：一个预定义的方法，不是什么特殊关键字，是Vuetify在<v-slide-item>内部封装好的状态切换方法

2. @click="toggle"的作用
   当你给<v-card>绑定@click="toggle"时，点击卡片就会调用这个从插槽拿到的toggle方法。这个方法会直接和<v-slide-item>的内部状态（甚至是上层<v-slide-group>的状态）通信：

   • 调用toggle后，组件内部会切换当前item的激活状态，active的值会在true和false之间翻转
   • 因为<v-card>的color属性绑定了active ? 'primary' : 'grey lighten-1'，所以颜色会随着激活状态的变化自动切换

3. 为什么不用自己维护状态？
   Vuetify的<v-slide-group>和<v-slide-item>是一套封装好的组件组合，内部已经帮你维护了激活项的状态管理逻辑。通过作用域插槽把active和toggle暴露出来，就是为了让你能在自定义内容（比如这里的<v-card>）里直接使用这些状态和控制方法，不用自己手动声明data变量、写切换逻辑，大大简化了代码。

举个简单的类比：就像你去咖啡店点单，店员已经把做好的咖啡和取餐按钮给你了，你不用自己煮咖啡，按按钮就能拿到（切换状态），而active就是告诉你咖啡是不是已经做好了。

内容的提问来源于stack exchange，提问作者Richard