美文网首页
2020-10-09 关于slot-scope

2020-10-09 关于slot-scope

作者: arch鲸海 | 来源:发表于2020-10-09 16:25 被阅读0次

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

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

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

    图1 图2

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

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

    相关文章

      网友评论

          本文标题:2020-10-09 关于slot-scope

          本文链接:https://www.haomeiwen.com/subject/hfxlpktx.html