<slot name='title' user='zs' pass='123'>
<p>wo</p>
</slot>
表示该title插槽,有要渲染的数据则该p标签不显示。没有要渲染的数据,则显示。
在vue@2.6之前,在标签中使用slot属性指定插槽名称。用slot-scope属性用于作用域插槽。
<template slot="title" slot-scope="scope"> 不写 slot="title"时,默认是default
在vue@2.6之后,在标签中使用v-slot(#)属性来指定插槽名称。用v-slot:name名(#name名) 用于作用域插槽
<template #title='scope'>
插槽:
作用: 用于将父组件中的自定义标签节点数据分发到子组件中指定位置上
插槽的分类:
- 匿名插槽 (有默认name,值为default)
<slot></slot>
- 命名插槽(具名插槽)
<slot name="自定义的"></slot>
- 作用域插槽
v-slot只能在<template></template>中使用