比如做后臺管理中,很多模塊經(jīng)常會復(fù)用,比如側(cè)邊導(dǎo)航組件、項目中常用的 echarts圖表的封裝(比如折線圖、柱狀圖等)
封裝組件需要考慮復(fù)用性:
· 預(yù)留插槽slot, 多次調(diào)用如果 子組件視圖結(jié)構(gòu)不一樣那么就要 在 子組件template預(yù)留好 插槽(單個插槽、具名插槽,作用域插槽)
· 考慮到數(shù)據(jù)傳遞,定義props 組件接收父組件傳遞的數(shù)據(jù),同時需要注意單向數(shù)據(jù)流,props不能直接修改,$emit自定義事件,父組件修改
· 業(yè)務(wù)邏輯不要在子組件中處理,子組件在不同父組件中調(diào)用時,業(yè)務(wù)處理代碼不同,切記不要直接在子組件中處理業(yè)務(wù),應(yīng)該子組件 $emit自定義事件,將數(shù)據(jù)傳遞給父組件,父組件處理業(yè)務(wù)。