$slot是Vue中非常常用的特性之一。
它的作用是允許我們為一個組件提供一個或多個插槽,這些插槽可以被父組件填充。使用插槽可以讓我們更加靈活地控制組件的內容和布局。
// 定義一個組件 Vue.component('my-component', { template: `` }); // 在父組件中使用我是標題
我是插入到slot中的內容
在上面的代碼中,我們在MyComponent組件的模板中使用了一個$slot標簽。這個標簽是用來表示插槽的位置的,我們可以在它的開閉標簽之間插入任意的HTML代碼。
在父組件中,我們可以通過在MyComponent標簽中插入內容,來填充模板中的插槽。在這個例子中,我們插入了一個`
`標簽,這個標簽的內容會被填充到MyComponent組件的插槽中。
總之,$slot是Vue中非常重要的一個特性,它讓我們可以在組件中預留出可變的部分,使得組件更加靈活和可復用。