最近被vue 搞得一塌糊塗，理解的比較慢，工作進度進度要求太快，需求理解不明，造成了很大的壓力。

在理解Vue中的Slot的時候看了網上的相關內容，看了半天沒看到明白說的是什麽，然後自己就安裝了vue的相關環境，創建了一個項目，實際動手看看是什麽東西，

現理解為： 用父組件的內容去替換掉子組件的內容；

根據父組件中的

<div slot="slot1">slottest</div>

如果引入的子組件中有

<slot name="slot1">123432<slot>

那麽子組件的123432 將會被不顯示，而是被替換為slottest;

在項目的實際應用如：假設我們的項目中有個搜索組件，其中搜索組件為：

用戶的姓名，性別，電話號碼： 該組件定義為組件1

組件1 可以被所有的頁面所采用，但是在有些頁面則會需要 添加一項：比如根據郵箱查詢：

我們是重新寫一個新的組件，還是通過修改我們寫好的組件方便呢：

改造如下：在子組件中添加一個標簽<slot name="othercondition"></div>

子啊父組件中：我們可以添加如下的代碼：

<div slot="othercondition">

<label>郵箱<label><input type="Email">

</div>

這樣改造的話，我們不需要重新新增一個項目文件，只需要在引用的父組件中添加幾行代碼就行了，這樣就減少了代碼量，同時方便插件的擴展；

vue中的slot理解和使用