前言

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供臨汾網(wǎng)站建設(shè)、臨汾做網(wǎng)站、臨汾網(wǎng)站設(shè)計、臨汾網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、臨汾企業(yè)網(wǎng)站模板建站服務(wù)，10年臨汾做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

在原生開發(fā)小程序的過程中，發(fā)現(xiàn)有多個頁面都使用了幾乎完全一樣的邏輯。由于小程序官方并沒有提供 Mixins 這種代碼復(fù)用機(jī)制，所以只能采用非常不優(yōu)雅的復(fù)制粘貼的方式去“復(fù)用”代碼。隨著功能越來越復(fù)雜，靠復(fù)制粘貼來維護(hù)代碼顯然不科學(xué)，于是便尋思著如何在小程序里面實現(xiàn) Mixins。

什么是 Mixins

Mixins 直譯過來是“混入”的意思，顧名思義就是把可復(fù)用的代碼混入當(dāng)前的代碼里面。熟悉 VueJS 的同學(xué)應(yīng)該清楚，它提供了更強(qiáng)大了代碼復(fù)用能力，解耦了重復(fù)的模塊，讓系統(tǒng)維護(hù)更加方便優(yōu)雅。

先看看在 VueJS 中是怎么使用 Mixins 的。

// define a mixin object
var myMixin = {
 created: function () {
 this.hello()
 },
 methods: {
 hello: function () {
  console.log('hello from mixin!')
 }
 }
}

// define a component that uses this mixin
var Component = Vue.extend({
 mixins: [myMixin]
})

var component = new Component() // => "hello from mixin!"

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享名稱：如何在微信小程序中實現(xiàn)Mixins方案-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/dedjjj.html