欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue的作用域插槽是啥?

程序员文章站 2022-06-09 18:08:56
...

**官方一点的:**父组件应用子组件可以给插槽填充内容,但一般只填充html标签,里边的数据信息要由插槽自己提供,这个过程称为作用域插槽
**自己总结的俗话:**父组件在用子组件来填充插槽的时候 有时候需要用到子组件里面插槽的数据 .
子组件文件插槽上带的数据 在父组件的子组件标签里 让一个标签 带有slot-scope=“xxx” 去接收 以便在下面进行调用

目前我的理解就是 在父子组件之间体现的比较多 所以就用父子组件举例
比如说 我在子组件文件里面来个插槽

//这是子组件文件
<slot  name="jinmao" uname="haomeili" age="250" gender="woman" hobby="eatFoots">

-----分割线 下面是父组件--------

//这里是父组件
//<com-haomeili> 是注册后的子组件标签
<com-haomeili>
<p slot-scope="recData">
//这里的recData  就是接收到上面子组件文件里面name叫jinmao的插槽里面传递的数据
//就可以进行如下使用
我的土金毛叫{{recData.uname}},她今年{{recData.age}}岁了,她的性别是{{recData.gender}},爱好是{{recData.hobby}}
 </p>
相关标签: web面试