vue項目中使用組件化開發

最近在使用vue-cli結合webpack打包工具開發一個後臺管理系統,使用vue不免須要運用組件化思想,而這也正是vue的一大特色.

在以前作的vue項目中,稍微有一點組件化的思想,多是對組件化不太擅長,致使一個頁面要寫不少的代碼,兩個不相干的功能寫在一個vue文件裏總感受很差,例若有兩個彈框,一個是展現某個項目的列表,一個是編輯該項目列表中的某一項的數據,徹底可使用組件來區分開來,各自的功能和參數寫在各自的.vue組件裏面,而後提供一些接口函數便可,下降了代碼的耦合性.

若是有兩個組件大部分功能相似,可是仍是有其餘的地方不同怎麼辦?

這個時候就可使用組件裏面再套組件了,能夠將相同的部分再進行一次組件封裝.其餘不同的地方各自使用的時候寫不一樣的功能便可.