微信小程序模块模块化操作实例分析

本文介绍微信小程序模块的模块化操作，导出，分享给大家参考，如下：

文件目录如上所示：

看到网上写的模块化很复杂，写一个入门版，让大家都能看懂

common.js

var studentList=[{ name : ' Xiaoming '，age: '22 '，hobby: 'sleep' }，{ name: 'xiaohong '，age: '22 '，hobby : { one : ' eat food ' } }]//module . exports={ studentList : studentList } index . js :

Varcommon=require('./aa/common . js ')//获取应用程序实例varapp=getapp()页面({data: {}，onload : function(){ this . setdata({ studentlist : common . studentlist })；}})index.wxml:

为=“{ { student list } }”阻止wx:为-item=“item”阻止wx:为-index=“idx”视图阻止wx:为{{item。name}}/view/block取名字，所以最后输出的是小明和小红。如下图所示(这里就懒得弄风格了~):

希望本文对微信小程序的开发有所帮助。