526互联

Vue 中 slot 的使用方式，以及 slot 作用域插槽的作用 ？

发布时间 2023-11-16 18:28:00作者: 煜火

使用方式

组件当做标签进行使用的时候，用 slot 可以用来接受组件标签包裹的内容，当给 slot标签添加 name 属性的时候，可以调换响应的位置

插槽作用域

作用域插槽其实就是带数据的插槽，父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数据，父组件通过 scope 来进行接受子组件传递过来的数据