Before anything else, I'm using Vuetify's `VSwitch` component inside `my-component`. I want to return the value of `my-component` to the parent.

something like `<my-component v-model="returnedData"></my-component>`

Then the inside `<my-component></my-component>`

```html
<template>
  <div>
    <v-switch v-model="toggledData" value="John"></v-switch>
    <v-switch v-model="toggledData" value="Andrew"></v-switch>
    <v-switch v-model="toggledData" value="Melissa"></v-switch>
    <v-switch v-model="toggledData" value="Elizabeth"></v-switch>
  </div>
</template>

<script>
export default {
  props: ['value'],
  data () {
    return {
      toggledData: []
    }
  }
}
</script>

```

I want to return the value of `toggledData` to the parent that's using it if possible. I've been browsing the net for a while and I've been seeing only with inputs. But it was possible to some of Vuetify's components like the `VTreeview`so I was thinking maybe it's possible.