详解Vue.js 作用域、slot用法（单个slot、具名slot）

在介绍slot前，需要先知道一个概念：编译的作用域。这里的状态showChild绑定的是父组件的数据，如果想在子组件上绑定，那应该是：因此，slot分发的内容，作用域是在父组件上的。上面示例渲染后的结果为：注意：子组件< slot >内的为备用内容，它的作用域是子组件本身。给< slot >元素指定一个name后可以分发多个内容，具名slot可以与单个slot共存。如果没有制定默认的匿名slot，父组件内多于的内容片断都将被抛弃。