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