2020-10-09 关于slot-scope

网上看了一篇文章,主要讲了父组件以及子组件,还有slot插槽的解释。

前线来说,父组件就是引用子组件,如果是使用作用域插槽,那么就是子组件提供数据,父组件在引用的子组件标签之间写上HTML代码以提供样式。

这里知道子组件是提供数据的一方,那么,在父组件中,这段代码:


图1
图2

这里slot-scope=“user”里的user是自己自定义名称的,就是说其他名字也可以,按照自己理解可以看成是子组件的一个代号,或者是这个插槽的名字,因为这个叫“user”的插槽在子组件中有绑定数据(因为是作用域插槽),所以在图1,也就是父组件中,在<template>标签之间的{{user.data}}实际上就是应用了子组件提供的数据。

在实际开发中,我个人遇到的一般是将slot-scope取名为  “scope”,也就是slot-scope=“scope”,这种写法。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容