默认插槽和具名插槽的概念比较好理解，这里主要以官方文档的案例来讲解一下作用域插槽。 首先是有一个currentUser的组件： 然而该页面无法正常工作，因为只有currentUser可以访问到user，出错的地方在这里： 然后，引入一个插槽prop ...

上去 现在在父级作用域中，我们可以使用带值的 v-slot 来定义我们提供的插槽 prop 的名字，这了我 ...

slot大家看看文档都懂了，无非就是在子组件中挖个坑，坑里面放什么东西由父组件决定。 // 子组件 <template> <slot>来啊 ...

...

一 项目结构 二 App组件 三 User组件 四 运行效果 五 备注 1 v-slot指令在 ...

写作用域插槽之前，先介绍一下Vue中的slot内容分发： 如果<child-component></child-component>标签之间没有插入那两个p标签的话，页面会显示子组件模板中定义的“<p>父组件如果没有插入内容，我将被显示</p> ...

作用域插槽可以为我们向组件内插入特定的标签，方便修改维护。 组件内需要使用 <slot></slot>进行插槽站位。 组件标签内需要使用<template > </template>作为模板来存放需要放入组件内的标签（主要还是为了好取组件内传 ...

通过v-bind绑定了一个值item，在父组件中引用了子组件child，child标签里面可以看到作用域 ...