vue3的slot调用的两种方式 先定义一个组件 UserCenter：

<template>
  <div class="user-center-wrapper">
    <!--  slot -->
        <slot name="user_wrapper"></slot>
  </div>
</template>

调用这个组件:

<template>
   <div >
     //other code ...
  </div>
  <UserCenter>
      <!--  调用方式1 -->
  	  <template #user_wrapper>
		  <div class="img-box">
		      <img class="person abs-center" src="~/assets/img/profile-person.svg" alt="">
		  </div>
	</template>
  </UserCenter>
</template>  

<template>
   <div >
     //other code ...
  </div>
  <UserCenter>
      <!--  调用方式2 -->
  	  <template v-slot:user_wrapper>
		  <div class="img-box">
		      <img class="person abs-center" src="~/assets/img/profile-person.svg" alt="">
		  </div>
	</template>
  </UserCenter>
</template>