微信小程序module.exports模块化操作实例浅析

微信小程序module.exports模块化操作实例浅析

本文主要介绍了微信小程序module.exports的模块化操作,并结合实例简要分析了module.exports模块化的定义和引用,以及相关的操作技巧和注意事项。有需要的可以参考一下。

本文介绍了微信小程序module.exports的模块化操作,分享给大家,供大家参考,具体如下:

文件目录如上所示:

看到网上写的模块化比较复杂,就写个入门级的版本,让大家都能看懂。

common.js

var studentList=[

{

姓名:小明,

年龄: 22 ,

爱好:“睡觉”

},

{

姓名:小红,

年龄: 22 ,

爱好:{

一:“吃”,

第二:“吃东西”

}

}

]

//模块化

模块.导出={

学生列表:学生列表

}

index.js:

var common=require(./aa/common . js’)

//获取应用程序实例

var app=getApp()

页面({

数据:{

},

onLoad: function () {

this.setData({

学生列表:common.studentList

});

}

})

index.wxml:

block wx:for= { { student list } } wx:for-item= item wx:for-index= idx

视角

{{item.name}}

/查看

/阻止

因为取了名字,最后输出的是小明和小红。如下图(这里懒得做样式了~):

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

微信小程序module.exports模块化操作实例浅析