組件插槽
通過在模板中添加 <slot></slot>
標簽,可以在使用組件時,將內容放置在對應組件標簽內的插槽中。
自定義的組件在默認情況下沒有定義 display
屬性,因此需要手動為組件定義。在組件的樣式中,可以使用 :host
選擇器來添加組件自身的樣式。
這個示例展示了如何創建一個名為 simple-btn
的組件。組件的模板中包含一個插槽,可以將內容插入到組件中。通過為組件的樣式添加 :host
選擇器,為組件添加樣式。在另一個頁面中,使用 l-m
組件引用 simple-btn
組件,並在其中插入內容。