Vue中匿名插槽与具名插槽如何区分使用？

本文共计1223个文字，预计阅读时间需要5分钟。

目录

1.匿名插槽

2.具名插槽

总结slot又是插槽，是Vue的组件内容分发机制，组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽是子组件的一个模板标签元素，而这一标签元素是一个插槽。

目录

• 1.匿名插槽
• 2.具名插槽
• 总结

slot又名插槽，是Vue的内容分发机制，组件内部的模板引擎使用slot元素作为承载分发内容的出口。

插槽slot是子组件的一个模板标签元素，而这一个标签元素是否显示，以及怎么显示是由父组件决定的。

slot又分三类，默认插槽，具名插槽和作用域插槽。（这里说前两种）

插槽的实质是：插槽实质是对子组件的扩展，通过<slot>插槽-----向组件内部“指定位置”传递内容。

1.匿名插槽

默认插槽：又名匿名插槽，当slot没有指定name属性值的时候一个默认显示插槽，一个组件内只有有一个匿名插槽。