Vue插槽總結及一點思考

2021-10-07 06:51:22 字數 960 閱讀 5548

插槽的作用,就是給引用者一定的自我發揮空間,在引用元件內部,添點自定義的東西。

插槽內允許填充後備內容,為沒有提供內容的引用作兜底顯示。

v-slot只能用在元件標籤或template標籤上!

匿名插槽有隱含的name: default。但我們往往不寫,同時引用的子元件中,可以一次使用多個匿名插槽,但不建議這麼做,畢竟渲染出的內容一模一樣。

乙個元件可以用多個具名插槽,具名插槽提供縮寫#slotname,匿名插槽如想使用此寫法即用#default

可以讓父元件拿到子元件獨有的資料。

//子元件

作用域插槽<

/h3>

'colorlist'

>

}(這裡的red只是後備內容)

<

/slot>

<

/div>

<

/template>

//父元件引用

default=''

>

}<

/p>

<

/template>

<

/scope-slot>

v-slot後面需要指明slot的name,或者用獨佔預設插槽的縮寫語法:v-slot=『slotprops』,slotprops並不是固定名詞,可以使用任意的名字替換。

同時父元件中的插槽prop支援結構寫法,可用此方法來對傳來的prop物件重新命名("")、或設定預設值(" }"

在父子元件通訊中,

props:父元件資料 -> 子元件,子元件只能讀不能寫,

slotprops:子元件資料 -> 父元件,父元件只能讀不能寫

.sync:父元件資料 -> 子元件,子元件「可讀可寫」(其實是通過$emit觸發父元件改值而已)

忙碌中的一點思考總結

好久好久沒來逛社群了,前幾天有空登入進來看看,好多以前的老朋友都還在,甚是欣慰。有種親切的感覺,時間真的很快,差不多有3 4年沒來玩社群了。經歷了兩家網際網路行業級top3的公司一度沒有時間逛社群,玩社群交流。沒日沒夜的工作加班7x24的oncall 幾乎現在已經習慣,期間擠時間看完大小102本書 ...

他們寫的,一點思考,一點敬意

技術的正宗與野路子 我們的大腦好比記憶體。既然是記憶體,就裝不下所有的知識。但應該能裝下對於知識的索引,否則我們便沒法工作了。啊,我的程式為啥卡住啦 本文簡答介紹在linux環境下如何利用gdb來分析卡住的程式,本文使用的python為cpython2.7。2019,能否解開時間的困局?通常在年初的...

遞迴的一點思考

廢話不說,直接上 searchtree delete int x,searchtree t else if t left null 沒有兒子的情況也包含了,因為t right 為null else else if x t element t right delete x,t right else t...