slot 插槽。主要功能就是實現內容分發，簡單來說，就好像把乙個位置放在元件裡，父元件呼叫子元件時，傳內容（可以是乙個標籤）過去，元件相應的顯示。如果父元件沒有傳值，就顯示設定好的預設內容。
比如 ：
父元件中：
子元件中：
預設內容
顯示結果：
通過slot 標籤接受傳遞的p標籤內容；
如果：父元件並沒有傳遞內容給子元件，則會顯示slot標籤裡設定的預設資訊
父元件：
子元件：
預設內容
顯示效果：
ps: 只傳遞單個標籤，或沒有標籤，只有內容時，子元件放置乙個slot標籤就可以接收，不用設定name之類的屬性，當有多個標籤傳遞過去的時候，就要通過name屬性，將slot標籤和傳遞來的標籤對應。
此外，父元件還可以傳全域性註冊的元件到slot
router傳值：
router有好幾種；較為簡單的就是直接再router-link 標籤裡通過to屬性傳值
新增全國**
新增門店
在**中我傳的值 user:'全國**'，都是可以用變數代替的。
ps：如果router傳值到同乙個頁面的話，如上圖，add_supplier,add_store,是同乙個頁面。router中index.js配置如下：
import add_supplier from '@/components/add_list'
import add_store from '@/components/add_list'
,
created執行。在這兩個頁面之間進行切換，是不會觸發這個執行的。所以我們可以監聽路由的變化，如果變化了更改掉頁面的內容。
解決辦法：
watch:
}
Vue 使用插槽（slot）
當父元件向子元件傳值的時候，有時候，父元件傳的並不是單純的數值 字串，有可能是帶標籤 dom 的資料，那麼如何傳值呢？如果我們像正常父向子傳值那樣操作。content hello,slot slott 子元件 class slott div div template export default s...
Vue初學 插槽slot
匿名插槽 我們使用slot標籤在元件中定義插槽，當我們在呼叫元件的標籤內寫入內容的時候，這段內容會替換匿名的插槽，slot標籤相當於乙個佔位符。1.當插槽標籤中有內容，而且元件標籤內未插入任何資料時，頁面會顯示插槽標籤內的內容，相當於是插槽的預設值。但是如果元件標籤內插入了任意資料，頁面則會顯示元件...
Vue筆記 slot插槽
元件的插槽是為了讓封裝的元件有更好的擴充套件性，讓使用者決定要展示什麼東西 元件模板 cpn 我是cpnh2 slot div template html 中運用元件，並將不同的內容放入插槽 type button 確定button cpn 哈哈哈哈哈哈span cpn 呵呵呵呵呵呵span cpn...