美文网首页
关于slot的用法

关于slot的用法

作者: hbmya | 来源:发表于2019-10-09 11:11 被阅读0次

slot,即插槽,首先需要说明的一点是slot并不是普通的标签,而是能够实现通信的标签。

这句话的理解为:通过slot插槽向组件内部指定位置传递内容,通过slot可以实现父子传参。通俗一点的理解方式为:父组件中的内容,往子组件中套。子组件的显示内容,由父组件决定。所以slot仅充当一个"占坑"的身份,即在组件模板中占好位置,当使用该组件时,组件标签的内容就会自动填坑,插槽显示的位置是子组件决定。

说了一大串,可能还是有点难理解,那么请看下面这篇文章吧!https://segmentfault.com/a/1190000012996217

相关文章

  • 关于slot的用法

    slot,即插槽,首先需要说明的一点是slot并不是普通的标签,而是能够实现通信的标签。 这句话的理解为:通过sl...

  • vue

    vue关于slot、render的用法 通过下面一段代码展示 slota. 具名slot使用:在组件中通过 定义...

  • vue slot插槽

    v-slot 插槽的用法: 单个slot内容时: 子组件: 父组件: 多个slot内容时(具名插槽): 子组件: ...

  • Alert Vue 3 TypeScript版本

    示例,注意slot用法已经改变

  • 2019-02-14 vue组件基础篇4

    slot用法 单个slot 具名slot 作用域插槽 父组件中使用了