混入vue、小程序

Vue中mixin（混入）的运用理解

有两个非常相似的组件，他们的基本功能是一样的，但他们之间又存在着足够的差异性。他们可能会公用一部分业务逻辑，但是他们的页面结构又不相同。这个时候就可以使用mixin来让代码复用。可以混入到组件中去，但是组件之间不受影响，当本组件与mixin有同名方法或同名数据时，有先调用本组件的方法或数据，混入的部分失效。

微信小程序混入behaviors使用：

新建一个behaviors.js文件，

module.exports = Behavior({ data: { behaviorData: {} }, ready: function(){ this.behaviorMethod() },

 methods: { behaviorMethod:function(){ console.log("behaviorMethod") } } })

在相关页面的index.js里面引入

const behavior = require('./behavior.js'）

Page({  

    behaviors: [behavior],  //页面引入方法

    data: {  },

})