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

更新时间：2018年12月20日 08:55:26 作者：CoKeny

这篇文章主要介绍了微信小程序module.exports模块化操作,结合实例形式简单分析了module.exports模块化的定义与引用相关操作技巧与注意事项,需要的朋友可以参考下

本文实例讲述了微信小程序module.exports模块化操作。分享给大家供大家参考，具体如下：

文件目录如上图：

看到网上写的模块化都比较复杂，写个入门版的好让大家理解理解

common.js

var studentList = [
  {
    name: "xiaoming",
    age: "22",
    hobby: "sleep"
  },
  {
    name: "xiaohong",
    age: "22",
    hobby: {
      one: "eat",
      two: "eatfood"
    }
  }
]
//模块化
module.exports = {
  studentList: studentList
}

index.js:

var common = require("../aa/common.js")
//获取应用实例
var app = getApp()
Page({
 data: {
 },
 onLoad: function () {
  this.setData({
    studentList:common.studentList
    });
 }
})

index.wxml:

<block wx:for="{{studentList}}" wx:for-item="item" wx:for-index="idx">
    <view>
     {{item.name}}
    </view>
</block>

因为取的是name，所以最后输出的是xiaoming 和xiaohong。如下图所示（这里就懒得弄样式了~）：

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

您可能感兴趣的文章:

JS实现的表格操作类详解(添加，删除，排序，上移，下移)
这篇文章主要介绍了JS实现的表格操作类,可实现针对表格的添加,删除,排序,上移,下移等操作,具有一定参考借鉴价值,需要的朋友可以参考下
2015-12-12
js数组去重常见的方法汇总(7种)
我们做项目的时候往往会需要把数组里面一些重复的项去掉,下面这篇文章主要给大家介绍了关于js数组去重常见的7种方法汇总,对每种方法都进行了总结,需要的朋友可以参考下
2022-08-08
js删除所有的cookie的代码
有时候需要删除网站的cookies，一个一个太麻烦，这个可以批量的删除所有的cookies，需要的朋友可以参考下。
2010-11-11
JavaScript中两个字符串的匹配
本文分享JavaScript中两个字符串的匹配的一个实例代码，希望能给大家做一个参考。
2016-06-06
javascript实现网站加入收藏功能
这篇文章主要介绍了javascript实现网站加入收藏功能的相关资料,需要的朋友可以参考下
2015-12-12
比较详细的javascript DOM 学习笔记
看了很多的js dom学习资料，发现这个比较详细，特转载给大家学习一下
2008-06-06
一文秒懂JavaScript DOM操作基础
通过这篇文章帮助大家快速学习JavaScript DOM操作基础的相关知识，本文给大家介绍的非常详细，感兴趣的朋友跟随小编一起看看吧
2021-04-04
JavaScript this在函数中的指向及实例详解
这篇文章主要介绍了JavaScript this在函数中的指向及实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
JS SetInterval 代码实现页面轮询
setInterval 是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。下面通过本文给大家分享JS SetInterval 代码实现页面轮询，感兴趣的朋友一起看看吧
2017-08-08
js removeChild 方法深入理解
下面小编就为大家带来一篇js removeChild 方法深入理解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08