鍍金池/ 問答/HTML/ vue slot和router-view的區(qū)別

vue slot和router-view的區(qū)別

slot提供占位符,好像router-view也是這樣,這兩者有什么本質(zhì)區(qū)別?分別的適用場景是哪?

回答
編輯回答
兮顏

router-view 是一個 functional 組件,它是一個組件,一個組件,一個組件,重要的事情說三遍,用于渲染路徑匹配到的視圖組件。核心概念是:路徑匹配和渲染視圖組件

slot 實(shí)際上是一個抽象元素,有點(diǎn)類似template,設(shè)計思想有點(diǎn)類似面向?qū)ο笾械亩鄳B(tài),用于組件中某一項(xiàng)需要單獨(dú)定義,那么就應(yīng)該使用solt。核心概念是:組件當(dāng)中某一項(xiàng),可能是一個元素,也可能只是一個文本。。。。

舉例說明下:
項(xiàng)目中需要一個模態(tài)框,包括成功和失敗兩種情況,其中該模態(tài)框有文案和背景圖片差異,那么模態(tài)框可以看作一個組件,而文案和背景圖片就可以用slot。

希望對您有所幫助!

2018年9月10日 09:44
編輯回答
互擼娃

router-view 是用于路由導(dǎo)航的,
slot 一般是用于父子組件分發(fā)內(nèi)容的。

2018年1月25日 04:32
編輯回答
野橘

你們說了這么多根本沒有把本質(zhì)區(qū)別說出來

2018年9月16日 00:35
編輯回答
單眼皮

它們沒有可比性吧!

2018年9月4日 05:03
編輯回答
怣痛

這兩個沒有任何關(guān)系,router-view是做路由導(dǎo)航的,slot是用于父子組件內(nèi)容分發(fā)的,可以理解為插槽,可以將相關(guān)內(nèi)容分發(fā)到子組件的slot位置上。

2017年10月4日 04:29
編輯回答
做不到

這倆沒有什么關(guān)系。勉強(qiáng)來講占位的話v-if,<component :is="xx">也能提供占位的作用。


router-view是和瀏覽器訪問記錄關(guān)聯(lián)的。
slot則是將父組件中定義的內(nèi)容插入子組件的結(jié)構(gòu)中(沒錯,slot的內(nèi)容是算父組件的)。

2017年12月14日 04:46