插槽的作用,就是給引用者一定的自我發揮空間,在引用元件內部,添點自定義的東西。
插槽內允許填充後備內容,為沒有提供內容的引用作兜底顯示。
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...