此爲個人總結,斷章取義,不可用於參考。
借用師父的一句話,是爲了解決功能模塊中結構的問題。
<slot>
在vue的官網上被稱爲內容分發。但是其實叫做插槽更爲貼切。
此目的爲了使得能夠在父組件中的子組件中加入拓展的功能。而在子組件則要留出位置以備後用,<slot>
就是這個留出來的位置或者插槽。
在父組件中
<template>
<child-component>
<div>隨意插入的數據</div>
<div slot="chaCard">隨意插入的數據</div>
</child-component>
</template>
在<child-component>
子組件中
<template>
<slot></slot>
<slot name="chaCard">具名</slot>
</template>