深入浅出Vue插槽slot与slot-scope

slot：分为默认插槽（没名字），具名插槽（有名字的）

slot-scope：作用域插槽

一、？为什么要用插槽，这玩意儿有什么用，一段代码一目了然

父组件：

子组件：

  输出结果：很明显我们想插入的内容“这个就是插入的内容”这几个字没有展示出来。

子组件加入标签：

输出结果：这样一对比就能很清楚了

二、现在再来谈谈什么叫默认插槽，具名插槽，作用域插槽。上面这种没名字的写法就叫默认插槽

          2.1：具名插槽，为插槽设置一个名字，可更改指定名字插槽的内容

父组件：

子组件：

输出结果：通过结果可以很明显看出来，插槽1和插槽2的内容被修改了，而3则是子组件原本的内容

三、作用域插槽，这东西为什么存在？因为父组件的东西只能在父组件用， 子组件的只能在子组件用。如果你想要在父组件用子组件data里面的数据就要使用到插槽了。

父组件：上了代码之后是否觉得有点熟悉了呢？没错element ui的table按钮就用到了这个东西

子组件：

输出结果：