VUE中的插槽是一个非常强大的功能。重复使用组件模块时，在具有相似结构时使用插槽非常方便。它可以在一定程度上减少模板中大量逻辑的使用。确定，控制内容不合理
同时，代码组织结构可以更清晰。尽管使用简单，但插槽尚未很好地理解，不是很直观
它允许父组件在子组件的指定位置插入HTML结构，自由且灵活，也是组件之间的通信方法
在形式，默认插槽，名称插槽和函数域插槽方面
当您使用表单时，尽管您知道如何使用，头部和内容模板的渲染效果，但您使用插槽，但通常非常困惑
因为被抽象
让我们今天一起学习。学习后，在查看表格时，我希望给您一些灵感。下次我再次使用它时，我将了解下一个级别。
官方文档介绍了：一组内容分布的实施，这组设计的灵感来自草案，该规范使用元素作为分发内容的导出
换句话说，这句话不太理解，即您可以充当元素标签的占位符，并且可以替换父组件引用的组件中的标签内容
如下示例所示
在应用程序组件中引入组件
在写作组件中，引入了标签，如下所示
子组件中的标签是插槽，它取代了
如果您将模板插入父部件的自定义标签中，并且不使用子组件，则不会将插入的标签内容插入
现在知道插槽是什么，您可以在组件标签中定义所需的内容。通过插槽将其添加到组件的内部
组件内部的元素就像门户一样，即SO称为插槽。它提供了内容的入口并确定内容的位置。可以通过此“门户门”将组件标签中定义的内容添加到组件的内部
插槽中的“插头-in”是组件标签中的内容。
插槽中的“凹槽”是组件中的元素。如果没有元素，则不会呈现组件标签的内容
当它是默认插槽时，我们可以将标签使用到软件包中，并在其上添加属性，该属性代表默认插槽
如果您想将不合理的内容放在一个位置上，则无法完成默认插槽。
顾名思义，名称插槽是为插槽定义一个名称，以便每个不合理的模板对应于不合理的名称
我们添加到插入父组件中的模板属性，然后在子cutter中添加名称属性
应该注意的是，值的值需要与值相对应。
如下示例代码所示：在应用程序父母组件中
在子组件中，在中间
我在上面使用有条件的渲染表达式。我们可以根据某些条件控制元素的显示和隐藏
上面的名称插槽可以在父组件中缩写。当我们看到这种缩写时，您还可以给插槽一个特定的名称。
它还具有缩写
如果您不明白，缩写插槽的名称有点奇怪
从上面的示例中，我们可以摘要
注意
这只能在标签上使用
在父组件上使用，这是一种将来的写作方法。以前，您可以在模板上使用它
与默认插槽相比，名称插槽，字段插槽的角色很难理解
如果您了解JS中的域链和ES6中的块-Level范围，那么连接域插槽可能会更好
有时，允许插槽内容仅访问子组件中的数据的数据非常有用。
插槽中内容的流动方向从组件标签传递到组件的内部
示波器插槽允许该字段反向流动。从组件的内部到组件标签，您可以访问组件标签中组件内的变量。
换句话说，在父组件的模板中，如何获取子组件传递数据以及由子组件（插槽）定义的数据，如何将其传递给父部件
也就是说，数据可以通过字段插槽传递
我们在组件中定义一个数据
在上面的代码中，属性绑定到该元素，该元素称为插槽prop
那么，如何在父级范围中接收子组件传递的数据？
其中使用的是，这是任意定义的任何一个，名称是免费的
代码如下：
在旧版本中，您也可以这样写
新版本的写作不能与VUE2.6.0下方的版本混合。请注意，这种废弃的语法不会出现在其中
因此，请使用最新的写作，但是一些旧的Vue2.0项目，旧版本写作，以了解您的理解
以上是默认插槽，名称插槽和字段插槽的使用。插槽是一个非常强大的功能。重复使用组件时，它对于重复使用结构和简化代码非常有用。
如果您完成了这种背景CMS管理系统，对于许多不同类型的格式pop -ups，以及以“ pop -up”窗口的形式，有时有必要根据从“从“该接口”显示指定的内容后端
目前，插槽非常有用
当内容仅提供默认插槽时，该组件的标签可以用作用于使用的插槽的模板
我们可以直接在组件上使用它
您也可以简化它。就像假设未准备好的内容对应于默认插槽一样，相应的默认插槽的假设没有参数
应该注意的是，以下写作是不可能的。当它在自定义标签组件上使用时，无法缩写
:::提示请注意，默认插槽的缩写语法不能与名称插槽混合在一起，因为它会导致范围不清楚
:::只要有多个插槽，所有完整的语法均在所有插槽中使用，也就是说，它用于标签上
在上面的部分中，插槽是一个非常强大的函数。默认插槽在子组件内用于定位。在父组件中，使用标签或组件
如果子模块使用多个插槽，则使用前缀插槽来区分每个插槽，在子组件中和父组件中，请使用标签
有缩写，可以在特定标签上使用，但是当有多个插槽时，只能在标签上使用
当父组件想在子组件中获取数据时，内部数据如何传递到外部组件？而是在子组件中，它传递给插槽中的父组件。
在父组件中，通过接收，这是一个收集对象，它接收子组件
这是范围范围的作用，它也是父子组件传达数据的一种方式
原始源 - 默认插槽，vuejs中的名称插槽，域插槽的角色
原始：https：//juejin.cn/post/7097195971385229325