'slot-scope'比'v-for'有多有效?

时间:2019-02-19 06:16:06

标签: vue.js scope

slot-scopev-for有多高?

不是两者都用于相似的目的吗?

如果我错了,请更正。

1 个答案:

答案 0 :(得分:3)

slot-scopesslotsv-for完全不同。

v-for用于创建绑定到集合的循环。

slot用于将DOM元素/数据传递到组件。

slot-scope用于将组件数据传递到基础组件-这是一个示例:

<json-get url="/api/v1/users">
    <template slot-scope="data">
        <ul>
            <li v-for="user in data.results">{{ user.name }}</li>
        </ul>
    </template>
</json-get>

slot-scope="data"传递“数据”中包含的信息以使用嵌套的DOM元素。