[Vuejs]-Vue.js use slot from children's children

instead of depending on slot for passing your content, why not use props instead?

<template>
  <div class="example">
    <box>
      <div v-text="title">Title</div>
      <slot></slot>
    </box>
  </div>
</template>

<script>
export default {
  props: ['title']
}
</script>