1. 自定义组件：
自定义组件是小程序中一种可以被重复使用的视图元素。通过自定义组件，可以将页面划分为更小的、独立的部分，每个部分都有自己的视图、样式和逻辑。这样，可以更容易地管理和维护代码。
- 创建自定义组件： 在小程序项目中，可以在 components 文件夹下创建自定义组件的文件夹，其中包含 .json、.wxml、.wxss 和 .js 文件。这些文件分别定义了组件的配置、结构、样式和逻辑。
- 使用自定义组件： 在页面的 .json 文件中使用 usingComponents 字段引入自定义组件，然后在页面的 .wxml 文件中可以直接使用该组件。
// page.json
{
"usingComponents": {
"my-component": "/components/my-component/my-component"
}
}
<!-- page.wxml -->
<my-component></my-component>
2. JavaScript 模块化：
小程序中支持使用 CommonJS 规范进行 JavaScript 的模块化开发。通过 require 关键字可以引入其他模块，通过 module.exports 可以导出当前模块。
- 引入模块： 使用 require 关键字引入其他模块。
// moduleA.js
module.exports = {
greet: function() {
console.log('Hello from moduleA!');
}
};
// page.js
const moduleA = require('moduleA.js');
moduleA.greet();
- 导出模块： 使用 module.exports 导出当前模块。
// moduleB.js
function farewell() {
console.log('Goodbye from moduleB!');
}
module.exports = {
farewell: farewell
};
// page.js
const moduleB = require('moduleB.js');
moduleB.farewell();
通过模块化的方式，可以更好地组织和管理代码，使得代码结构更清晰、可读性更强，并且提高了代码的复用性。
综合使用自定义组件和 JavaScript 模块化，可以使得小程序的开发更加灵活、可维护。
转载请注明出处：http://www.zyzy.cn/article/detail/606/微信小程序