深入组件:具名插槽

F12

在向具名插槽提供内容的时候,我们可以在一个 template 元素上使用 v-slot 指令,并以 v-slot 的参数的形式提供其名称。

注意,v-slot 只能添加在 template 上。只有一种例外:


Dynamic Slot Names: <template v-slot:[dynamicSlotName]></template>
check: {{msg}}
1具名插槽: 现在 template 元素中的所有内容都将会被传入相应的插槽。
html中 v-slot:header, 组件模板中 slot name="header"
2. 动态名字的slot
> vm.dynamicslotname= "header"; //'default',"footer;"
3 具名slot的简写, html中 my-post #slotName, js组件模板中 slot name="slotName"
该缩写只在其有参数的时候才可用, 如果没有名字,则js组件中也要用完整写法 todo-list #default="{ item }"