關(guān)于slot、slot-scope的指令的一些操作記錄：

從vue2.6.0開始，slot、slot-scope已經(jīng)被廢棄，推薦使用v-slot；

slot-scope是作用域插槽,
父組件中不能直接用子組件中定義的data數(shù)據(jù)。
而slot-scope的出現(xiàn)就是解決了這樣的問題

子組件： <slot name="myslot" :data='list'></slot>父組件： <son><template slot="myslot" slot-scope="scope"><ul><li v-for="item in scope.data">{{item}}</li></ul></template> </son>備注：**slot-scope就是取data的值，slot-scope的值是自定義的，我們可以取任何名稱，但是data的值傳過來時(shí)是以對(duì)象形式傳輸?shù)?#xff0c;所以在這scope.data才是list的值**。 ------------------------------------------------------------------------------vue2.6.0開始，slot、slot-scope已經(jīng)被廢棄，推薦使用v-slot; 子組件：<div><slot name="header":msg="msg"></slot><p>這里是test組件</p> </div>父組件： <Test><template v-slot:header="scope">//v-slot定義作用域插槽<div><h3>slot</h3><p> {{scope.msg}} </p></div></template> </Test>

特別注意使用事項(xiàng)----》》》

v-slot在使用時(shí)，需要在template標(biāo)簽內(nèi)，這點(diǎn)大家在應(yīng)用時(shí)要注意。

總結(jié)

以上是生活随笔為你收集整理的关于slot、slot-scope的指令的一些操作记录的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。