微信小程序mixins——Behavior使用

微信小程序代码复用mixins 之前比较多文章都是手动引入一个mixin.js，比较繁琐还问题挺多

事实上微信早已经推出了behaviors 是用于组件间代码共享的特性，类似于一些编程语言中的 “mixins” 或 “traits”。

这样开发微信小程序的时候复用相似代码块变得简单，也可以做比如页面分享等的js抽取

这里写一个简单的例子

新建一个js文件 ，注册一个 behavior，接受一个 Object 类型的参数

// behavior.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: {  },
})

这样就可以轻松实现页面代码复用了

详细的使用可以查看官方文档：

developers.weixin.qq.com/miniprogram…

原创文章，转载请附上链接，谢谢！