Vue3中作用域插槽 官网
作用域插槽允许子组件向父组件的插槽内容传递数据。父组件的插槽内容可以访问子组件提供的数据。 !-- 子组件 --template div slot :childMessage="childMessage"/slot /div/templatescript setupimport { ref } from 'vue'const childMessage = ref('子组件消息')/script!-- 父组件 --template ChildComponent template #default="{ childMessage }" {{ childMessage }} !-- 使用子组件传递的childMessage -- /template /ChildComponent/template 使用作用域插槽时,父组件通过解构的方式接收子组件传递的数据。