SlotDefaultSlotNamedSlotScopeSlot1DefaultSlotDataandStructureinParentComponentSlotinChildComponentSubcomponent...默认结构没有插入时...父组件![]()
复用组件.每个多路复用组件都有一部分结构或数据不同于父组件。将不同的数据和结构填充到子组件的插槽中。2具名槽数据和结构在Components中其父组件中的槽在子组件中有多个不同的子组件...<槽名="slot1">默认值1...默认值2parentcomponent![]()
给每个槽添加name属性,在父组件插入的模板中添加v-slotattribute没有指定的模板默认插入到没有name属性的slot中3功能域槽结构在父组件数据中槽在子组件默认子组件...不插入时的默认结构...父组件{{data.data1}}
{{data2}}
命名子组件...没有插入时的默认结构...不插入时的默认结构父组件.........v-slot:name是命名槽的选择v-slot="obj"是默认槽选择的简写形式:name="obj"从命名槽中接收值,在父组件并在插入子组件之前对其进行编译。只要有多个slot,尽量使用模板中的v-slot。推荐使用模板的v槽来完成。写v-slot:default="obj"和v-slot:other="obj"不推荐使用slot="name"和slot-scope="obj"