vue slot具名插槽

具名插槽:即具有名字的插槽,在默认插槽基础上指定插槽的名字(name = " ")。
父组件指明放入子组件的哪个插槽 slot = "footer",如果是template可以写成 v-slot : footer。

父组件:

语法:<子组件>





子组件:

语法: 默认插槽结构





效果图:

vue slot具名插槽_第1张图片

 

你可能感兴趣的:(vue.js,javascript,前端)