具名和作用域插槽基礎示範：

//父元件 
<myslot>
          <template  v-slot:name1>
            <p>這是一個具名插槽內容1</p>
          </template>
          <template  v-slot:name2>
            <p>這是一個具名插槽內容2</p>
          </template>
          <!-- xxxxxxx接取v-bind繫結的資料 -->
          <template v-slot:dodo="xxxxxxxxxxxxxxxx">
            <p>{{xxxxxxxxxxxxxxxx.user}}</p>
          </template>
</myslot>

//子元件
<template>
  <div class="v4">
    <div>我是子元件</div>
    <p>現在測試一下這個子元件內容</p>
    <slot name="name1"></slot>
    <slot name="name2"></slot>
    <slot name="dodo" :user="user"></slot>
  </div>
</template>

<script>
export 
 
default {
  name:'',
  data () {
    return {
      user:{
        Name:"張",
        main:"這是一個作用域插槽內容",
        hind:"通過v-bind暴露"
      }
    }
  },

  components: {},

  methods: {}
}
</script>

<style scoped>
</style>