本文由 发布，转载请注明出处，如有问题请联系我们！ 发布时间: 2021-08-01slot1接口-主板上的slot的接口
加载中序言:
vue中有三种扩展槽:1。一般扩展槽；2.取名槽；3.范畴槽。
应用扩展槽用以具备亲子关系的部件。我们可以决策扩展槽在子部件中的部位，子部件还可以得出这种扩展槽的默认设置信息内容。当不用在父部件的子部件扩展槽中插进信息内容时，将表明子部件扩展槽界定的默认设置信息内容。下边简单详细介绍怎么使用这三个扩展槽。
准备工作:
非常简单，只需建立父部件testSlot.vue跟子部件children.vue，并在testSlot部件中申请和引进子部件。
一般扩展槽的应用:一般扩展槽:
在构件中设定一个一般槽:
在开发设计中，大家常常应用部件中间的值传送，可是许多状况下涉及到数据信息特性的值传送，比如父部件将msg传送给子部件:
假如现在是这类状况:
假如子部件中沒有应用槽:
在网页中，父部件中p标识的內容不容易回到给子部件:
这时，假如期待将父部件界定的p标识传送给子部件并表明，能够在子部件中设定一个默认设置槽:
在子部件中，你还可以界定好几个默认设置扩展槽，并在子部件中决策这种默认设置扩展槽的部位，父部件要插进的內容，都是会被安置到这种设置的扩展槽中：在子部件中，还能够界定好几个默认设置扩展槽，并决策这种默认设置扩展槽在子部件中的部位。父部件要插进的信息将添充到这种默认设置槽中:
自然，父部件界定要插进到子部件的扩展槽的內容，并不一定仅有是dom结构特征的，还可以是一个部件，还可以是平常的算法设计，只需子部件有界定扩展槽，便会把內容添充进来。自然，父部件界定了要插进到子部件槽中的內容，子部件不一定是dom结构特征，还可以是部件或一般算法设计。只需子部件有界定的槽，內容便会被添充。
应用2个取名扩展槽:
取名扩展槽:
vue 2 . 6 . 0版选用了新的统一英语的语法，应用取名扩展槽和限制范畴的扩展槽，并且用v型扩展槽替代了过去的扩展槽和扩展槽范畴。
什么叫取名槽？
事实上，在子部件中界定槽时，会各自给相对应的槽授予名字，便于稍候插进父部件，依据名字添充相匹配的內容。
在构件中，界定2个取名的槽:
在父部件中:为了更好地认证，子部件中的槽能够添充一切构造，所以我专业在one_slot槽中添加一个部件，简易地在2个槽中插进一串一般数据信息。
网页页面結果:
自然，子部件能够界定好几个同名的的取名槽:
三 修饰符扩展槽：三范畴扩展槽:
范畴槽:
根据运行以上默认设置扩展槽和取名扩展槽，发觉大部分是父部件决策子部件插进哪些，而子部件自身决策扩展槽的部位。
取名槽代表着您需要考虑要在子构件中表明的內容。
A.子部件:
B.父部件:这时候，有一种状况应该留意:
假如子部件中只有一个修饰符槽，父部件能够应用下边的简易撰写。自然，最好是在标准点加上模版标识:
网页页面实际效果:
可是，当子部件中有好几个修饰符槽时，不建议用这类简易的形式撰写，由于修饰符很有可能不确立。当子部件有好几个修饰符槽时:
父部件应用该标准来防止有时候范畴不清晰的难题:
网页页面实际效果:
