清空 (@momo4) 在 vue3的useSlots 中发帖
useSlots 是 Composition API 中的一个功能,它可以让你在组合式 API 中访问父组件提供的插槽内容。
它与 Options API 中的 this.$slots 类似。(Vue 3 减少了对 $ 符号的使用,Vue 3 提供了 Composition API,使得不需要通过 this 和 $ 前缀来访问这些功能。这使代码更直观、模块化,且更易于重构与测试;之所以还提供主要为了兼容使用 Options API 的代码)
Vue 3 提供了一种更简洁的语法,v-slot 可以缩写为 #。
#footer是 v-slot:footer 的缩写形式。
v-if 控制元素是否渲染到 DOM中。
v-if="slots.footer" 的意思是:它检查 slots.footer 是否存在。
Vue 3 项目使用 useSlots 讲解
1. 项目创建步骤
首...