欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

了解 Vue 中的插槽 - 注意:当父组件使用子组件时,插槽和命名插槽不能嵌套,这会导致作用域不清晰。

最编程 2024-07-14 11:47:43
...

插槽数据工作原理

实际上就是利用回调函数的机制

function (slotProps) {
  // 插槽内容. 数据就是传递的参数罢了 普通函数 利用回调函数的机制 这样的话还可以对 slotProps进行解构 (有点东西啊,卧槽)
}
// 看看人家的写法。有点想放弃react的冲动
<current-user v-slot="{ user = { firstName: 'Guest' } }">
  {{ user.firstName }}
</current-user>

推荐阅读