大白話vue slot的作用與使用

2022-07-18 03:12:11 字數 822 閱讀 6465

這篇內容本來是不打算放在首頁上的,因為內容實在是比較簡單,但是在查詢slot的使用講解時發現相關的講解比較少,要麼像官方文件一樣簡單講解(看過任然一臉懵逼),也許是自己理解能力比較差...所以在此講述記錄吧

言歸正傳,且看正文講解

在看官網對slot的解釋中,出現次數最多的是「插槽」,如果想象成物體,也就是說slot是乙個可以插入的槽口,比如插座的插孔。那麼slot的作用是什麼呢?

先來看下面的例子

//slot元件

slot的用法

我是嵌在子元件內不具有屬性名的標籤

//slot的子元件

我是slot的子元件

頁面渲染效果

通過上面的內容可以知道,在slot元件中引入了slot的子元件,而且又在子元件標籤內新增了新的標籤內容,但頁面上並沒有將子元件標籤內的標籤內容顯示出來,

所以說在不適用slot的情況下,在子元件標籤內新增dom是無效的

現在來修改slot的子元件

//在子元件中新增slot標籤

我是slot的子元件

頁面效果圖

由此可見,使用slot後可以在子元件內顯示插入的新標籤

這裡只是講述了slot的簡單用法,slot的具名並沒有講到,並不難嘗試著寫寫就可以,關鍵是要動手敲,光看是沒法深刻理解的

大白話C 委託與事件

委託機制,是c 語言很重要的機制。從序言中,大家應該對委託和事件的重要性有點了解了吧,雖然說我們現在還是能模糊,但是從我的大白話系列中,我會把這些概念說的通俗易懂的。首先,我們還是先說說委託吧,從字面上理解,只要是中國人應該都知道這個意思,除非委託2個中文字不認識,舉個例子,小明委託小張去買車票。但...

大白話講解ThreadLocal的原理

threadlocal顧名思義,本地執行緒,可以理解為本地執行緒變數,說白了就是操作本地執行緒的區域性變數。下面我們通過原始碼進行說明 首先,我們看一下threadlocal的set方法原始碼實現 public void set t value 通過原始碼我們可以發現,首先獲取了當前執行緒,然後呼叫...

大白話講解Spring的 bean註解

從廣義上spring註解可以分為兩類 一類註解是用於註冊bean 假如ioc容器就是一間空屋子,首先這間空屋子啥都沒有,我們要吃大餐,我們就要從外部搬運食材和餐具進來。這裡把某一樣食材或者某一樣餐具搬進空屋子的操作就相當於每個註冊bean的註解作用類似。註冊bean的註解作用就是往ioc容器中放 註...