45-Vue插槽(占位符)

這里的插槽就像是組件,ref,過濾器,計算屬性,只要理解了它的本質(zhì)和由來,記住它的語法,用起來就會游刃有余

一.重點

有時候.我們并不能確定頁面某一個部分的內(nèi)容,需要用戶自定義,正是由于這種原因誕生了插槽,他相當(dāng)于一個占位符,會把組件標(biāo)簽中的內(nèi)容填充到插槽對應(yīng)的位置
只有匿名插槽,如果我們想在組件不同的區(qū)域填充不同的內(nèi)容是無法實現(xiàn)的,因此出現(xiàn)了具名插槽,能夠?qū)⒚恳粋€DOM元素填充到對應(yīng)的位置
如果用戶沒有自定義內(nèi)容,我們需要有默認(rèn)的內(nèi)容,就可以在插槽標(biāo)簽中間填充默認(rèn)的內(nèi)容,如果用戶自定義了內(nèi)容,就會覆蓋對應(yīng)插槽默認(rèn)的內(nèi)容

二.匿名插槽

image.png
image.png

三.具名插槽

image.png

image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子祭阀,更是在濱河造成了極大的恐慌实夹,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,080評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機氛雪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,422評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來耸成,“玉大人报亩,你說我怎么就攤上這事浴鸿。” “怎么了捆昏?”我有些...
    開封第一講書人閱讀 157,630評論 0 348
  • 文/不壞的土叔 我叫張陵赚楚,是天一觀的道長。 經(jīng)常有香客問我骗卜,道長宠页,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,554評論 1 284
  • 正文 為了忘掉前任寇仓,我火速辦了婚禮举户,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘遍烦。我一直安慰自己俭嘁,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,662評論 6 386
  • 文/花漫 我一把揭開白布服猪。 她就那樣靜靜地躺著供填,像睡著了一般。 火紅的嫁衣襯著肌膚如雪罢猪。 梳的紋絲不亂的頭發(fā)上近她,一...
    開封第一講書人閱讀 49,856評論 1 290
  • 那天,我揣著相機與錄音膳帕,去河邊找鬼粘捎。 笑死,一個胖子當(dāng)著我的面吹牛危彩,可吹牛的內(nèi)容都是我干的攒磨。 我是一名探鬼主播,決...
    沈念sama閱讀 39,014評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼汤徽,長吁一口氣:“原來是場噩夢啊……” “哼娩缰!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起谒府,我...
    開封第一講書人閱讀 37,752評論 0 268
  • 序言:老撾萬榮一對情侶失蹤漆羔,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后狱掂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,212評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡亲轨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,541評論 2 327
  • 正文 我和宋清朗相戀三年趋惨,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惦蚊。...
    茶點故事閱讀 38,687評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡器虾,死狀恐怖讯嫂,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情兆沙,我是刑警寧澤欧芽,帶...
    沈念sama閱讀 34,347評論 4 331
  • 正文 年R本政府宣布,位于F島的核電站葛圃,受9級特大地震影響千扔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜库正,卻給世界環(huán)境...
    茶點故事閱讀 39,973評論 3 315
  • 文/蒙蒙 一曲楚、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧褥符,春花似錦龙誊、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,777評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至铣焊,卻和暖如春逊朽,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背粗截。 一陣腳步聲響...
    開封第一講書人閱讀 32,006評論 1 266
  • 我被黑心中介騙來泰國打工惋耙, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人熊昌。 一個月前我還...
    沈念sama閱讀 46,406評論 2 360
  • 正文 我出身青樓绽榛,卻偏偏與公主長得像,于是被迫代替她去往敵國和親婿屹。 傳聞我的和親對象是個殘疾皇子灭美,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,576評論 2 349

推薦閱讀更多精彩內(nèi)容

  • 什么是組件? 組件 (Component) 是 Vue.js 最強大的功能之一昂利。組件可以擴展 HTML 元素届腐,封裝...
    youins閱讀 9,465評論 0 13
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對于 Vue 1.0 印象不深的內(nèi)容蜂奸。關(guān)于...
    云之外閱讀 5,046評論 0 29
  • 前言 記錄平時學(xué)到的知識犁苏,標(biāo)題寫的大氣一點,也算是給自己一點鼓勵扩所,希望在技術(shù)這條路可以遠走越遠围详,路越走越寬~ 文中...
    徐國軍_plus閱讀 1,316評論 0 12
  • 【2019-3-4更新】Vue 2.6+修改了部分語法,對插槽的使用有了較多的更新。在本文中筆者在相應(yīng)位置給出了更...
    果汁涼茶丶閱讀 10,237評論 2 36
  • 此文基于官方文檔助赞,里面部分例子有改動买羞,加上了一些自己的理解 什么是組件? 組件(Component)是 Vue.j...
    陸志均閱讀 3,807評論 5 14