【工作日誌】--關於Vue.js中的使用方法及注意事項

此爲個人總結,斷章取義,不可用於參考。

借用師父的一句話,是爲了解決功能模塊中結構的問題。

<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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章