工廠模式
? ??目標(biāo)
????????隱藏同類元素的創(chuàng)建過程僻爽,并提供公共接口
? ??應(yīng)用場景
? ? ? ? ui組件
? ??代碼示例
建造者模式
? ??目標(biāo)
? ? ? ? 對子單元進(jìn)行統(tǒng)一調(diào)度,通過各個子單元初始化的完成贾惦,完成元素的創(chuàng)建
? ??應(yīng)用場景
? ? ? ? npm run build
? ??代碼示例
? ? ? ? 如圖要封裝一個查詢組件胸梆,其包含三個子單元:select敦捧、input、button碰镜,我們通過對這三個子組件進(jìn)行位置劃分組合成一個新組件的過程即建造過程绞惦,查詢組件本身即建造者
單例模式
? ??目標(biāo)
? ? ? ? 防止多次實例化造成實例沖突
? ??應(yīng)用場景
? ? ? ? new Vue()
? ??代碼示例
? ? ? ? ? ? 如果擔(dān)心用戶不按照規(guī)范使用每次都通過new實例化,也可以在constructor里來做