微信小程序：封装公共复用方法（js及wxs）、封装组件

简介

在进行业务交互时，大概率都会重复使用同样的代码。这种时候，为了提交代码有效性，就需要小伙伴们把重复的代码封装到公共方法中，方便重复使用，也就是封装JS。
但是有的时候，数据比较复杂，来源比较多，业务处理不一样，这种时候，直接在显示数据的时候处理是比较方便的，也就是封装过滤的方法。

具体实现

1.封装JS

（1）创建公共方法

在小程序项目的根目录，创建一个common文件夹，这个文件夹中创建一个commonJs.js（命名规范一点即可），然后重点是规范的方法及最后的module.exports = {}。

// -----------------commonJs.js-----------------
let testTxt = "aaa";

function testFun(bbb) {
   
  testTxt = bbb;
  return testTxt;
}

module.exports = {
   
  testFun: testFun
}

（2）使用公共方法

然后在要调用的JS文件里进行引入：

// -----------------index.js-----------------
const commonFun = require('../common/commonJs');
page({
   
  data: {
   },
  onLoad: function(options) {
   
    commonFun.testFun("BBB");
  }
})

2.封装WXS

（1）创建公共方法

在小程序项目的根目录，新建一个wxs文件夹࿰