vue插槽

vue插槽
如果要给按钮组件 添加一些文字内容，就要用到组件中的插槽： slot，它可以分发组件的内容，比如在按钮组件中定义一个插槽：

这里的 节点就是指定的一个插槽的位置，这样在组件内部就可以扩展内容了：

按钮 1

按钮 2

当需要多个插槽时，会用到具名 slot，比如上面的组件我们再增加一个 slot，用于设置另一个图标组件：

按钮 1

这样，父级内定义的内容，就会出现在组件对应的 slot 里，没有写名字的，就是默认的 slot。

在组件的 里也可以写一些默认的内容，这样在父级没有写任何 slot 时，它们就会出现，比如：

提交