本文主要介绍了微信小程序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}}
/查看
/阻止
因为取了名字,最后输出的是小明和小红。如下图(这里懒得做样式了~):
希望本文对微信小程序的开发有所帮助。