vue-插槽的使用

1.插槽的基本使用

在這裏插入圖片描述
插槽就是當一個模板需要被重複使用時,只需要改變插槽中的內容就可以了。插槽若果有多個值得話,同時放到組件進行替換時,一起作爲替換元素。

2.具名插槽的使用

在這裏插入圖片描述
具名插槽就是防止一樣的元素,一起被修改了,這肯定是不行的,所以我們要給插槽起個名字,然後就可以單獨修改了。具體修改的方式如圖所示。

3.作用域插槽

在這裏插入圖片描述
當我們一個組件中有父組件和子組件的時候,我們就需要對裏面的一些數據進行分類,我們需要知道插槽裏面獲取的是子組件的數據,還是父組件的數據。所以我們要使用v-bind綁定好各自的數據。再放到插槽之中。

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