看了vue官方的文件，關於slot的介紹顯得很模糊。沒看懂........ 於是並自己查了一些資料，自己學了一下。現在跟大家分享一下。
vue.component('test',顯示的內容為
blankmy name is testblank
這裡沒有任何對插槽的操作。很顯然插槽跟佔位符有點像,繼續往下看，你就知道我為什麼這麼說了
接下來
my name is span
blankmy name is spanblank.
這裡span代替了插槽。 這就是為什麼說插槽跟佔位符有點像的原因了
以上寫的內容 只針對於只有乙個插槽， 下文將描述多插槽的操作
vue.component('test2',blank my name is test my name is test1 blank
接下來修改html**
my name is span
my name is span1
blank my name is span my name is span1 blank
這裡 slot 為test的span代替了name=test的slot. slot為test1的span代替了name=test1的slot
看到這裡，大家應該都明白了吧！！^_^
vue學習 slot插槽學習
不使用插槽，在template中用v html解析父元件傳來的帶有標籤的content 使用插槽，如果父元件為空，就會顯示slot中定義的預設內容 rachel vue.component child 使用插槽新增header和footer，使用 具名插槽 也就是給插槽起個名字，各找各的位置。此處也...
vue插槽樣式 vue中的插槽slot
插槽 slot 是元件的一塊html模板，父元件決定這塊模板顯不顯示以及怎麼顯示。位置由子元件自身決定 slot現在元件template的什麼位置，父元件傳過來的模板將來就顯示在什麼位置 匿名插槽 只能有乙個，可以放在元件的任何位置 在父元件在裡面寫了html模組 子元件的匿名插槽被下面的div模板...
Vue插槽slot的使用
vue官方文件中關於slot插槽的說明很簡短，語言又寫的很凝練,這就有可能造成初次接觸插槽的開發者容易產生 算了吧，回頭再學，反正已經可以寫基礎元件了 的想法，於是就關閉了vue的說明文件。q 假如父元件需要在子元件內放一些dom元素，那麼這些dom是顯示呢還是不顯示呢？預設情況下是不會顯示的，如下...