vue组件插槽
发布时间：2024-09-13 18:01
插槽的作用：
让组件的服用更加灵活 提高组件的复用性
默认插槽：
1. 在组件内使用 slot 标签占位，在slot标签内的内容为默认内容，如果不传值，则显示默认内容
2. 使用组件时将自定义标签传入组件内
具名插槽
当组件中有多个内容不确定时，通过具名插槽区分
1. 在子组件的slot标签上设置name属性
2.父组件的template上结合 v-slot:子组件的name值 来指定对应的插槽
子组件：
不传值的默认内容
不传值的默认内容
父组件：
芙蓉楼送辛渐
我是内容
作用域组件
子组件往插槽上绑定数据, 父组件使用时可接收
1.在子组件slot标签使用v-bind绑定数据
2. 使用组件时在 template 标签上使用 v-slot="变量名" 来接收传递过来的数据
一般都是使用row和scope
子组件：
父组件：
相关推荐
ASP.NET中Response.BufferOutput属性的使用技巧
Shell编程之/bin/bash和/bin/sh的区别浅析
入学计算机水平考试,2017级本科新生计算机水平入学考试要点
jenkins git maven tomat 项目拉取编译自动部署（操作详细）
【ModuleNotFoundError & ImportError】之导入语句全列举
Swift Learning Summary: Automatic Reference Counting
arm linux 内核 c=,Linux内核源码分析--内核启动之(3)Image内核启动(C语言部分)（Linux-3.0 ARMv7）...