千锋教育前端Vue3.0全套视频教程（Kerwin2023版，Vue.js零基础

学习了插槽的概念和使用方法，复用性更强，平时在设计子组件时，绝大多数的布局都已经在子组件中完成定义，但是有些布局需要在父组件使用子组件时动态设置，这是就可以使用组件插槽。在设计子组件时，可以在布局中定义一个插槽位置并且给与基础样式，父组件在使用时可以通过 slot 属性来动态设置需要显示的内容。slot有可以设置多个，且在定义组件时: slot的name属性起插槽名，使用组件时,template配合#插槽名传入具体html标签或组件，它的使用更加灵活，组件的原始内容: 即在vue实例范围之内，因此可以调用实例的data和methods功能更强大，复用性更强，让组件内的部分标签支持自定义使用场景:比如布局组件、表格列、下拉选、弹框显示内容等比如我们项目中经常会使用到一个多处复用的组件，但是在每个地方使用时,都需要一些细微的更改，只需使用插槽向需要 微调 的位置传递内容,就能让这个组件在不同场景下应用，编程更高效，减少代码重复性。