近期重構(gòu)前端代碼，記錄下走過(guò)的坑

重構(gòu)代碼一般有兩種方式--減法和加法

顧名思義“減法”一般是在原有項(xiàng)目的基礎(chǔ)上刪除修改文件，但是存在的問(wèn)題是，分支管理的問(wèn)題，一旦在重構(gòu)代碼時(shí)原有系統(tǒng)又更新了，就要把原有系統(tǒng)的代碼更新，但是分支合并或者切換的時(shí)候回出現(xiàn)問(wèn)題（推測(cè)刪除文件造成）并且刪除后的代碼需做回歸測(cè)試，risk較大
“加法”--搭建一個(gè)全新的項(xiàng)目，在這個(gè)新的項(xiàng)目上，將原有項(xiàng)目的代碼加在新的項(xiàng)目上面，時(shí)間周期較長(zhǎng)，risk較小

代碼結(jié)構(gòu)要簡(jiǎn)潔明了

將一些組件的配置用一個(gè)config文件封裝在一起，使用時(shí)import即可。優(yōu)化項(xiàng)目目錄結(jié)構(gòu)，切記不可使用相同的文件名字（不同文件夾下均使用index.vue），文件多的時(shí)候就不容易了解這個(gè)屬于是哪個(gè)組件，不利于后續(xù)開發(fā)

將使用的常量或是一些配置的api域名統(tǒng)一處理

api的封裝（必須），一般都是封裝好的，不做概述

封裝組件

vue component的封裝可以使用slot語(yǔ)法，將一些用戶自定義的內(nèi)容顯示在對(duì)應(yīng)的位置
在配置默認(rèn)的props時(shí)要注重props的寫法：

export const props = {
    addName: {
        type: String,
        default: ''
    },
    isShow: {
        type: Object, // 若props為復(fù)雜數(shù)據(jù)類型需用function返回對(duì)應(yīng)的類型
        default: function(){
            return {
                aa: true
            }
        }
    }
}

后續(xù)待update