Vue3 slot 插槽 v-slot 具名插槽 作用域插槽

父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。

可以在标签内设置插槽的默认内容。

  1. 当只有匿名插槽时,可直接在父级子组件元素内添加内容,该内容会添加到slot对应位置
  2. 当存在多个插槽时,需要对它们设定 name

<slot name="xxxxx" :childData="data">slot>

<子组件名>
	<template v-slot:xxxxx="childData">
    	插入内容
    	{{childData}}
  	template>
子组件名>

匿名插槽的namedefault

v-slot

v-slot 一般只能添加在