这篇文章主要介绍了微信小程序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。如下图所示(这里就懒得弄样式了~):

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

最新资讯
苏宁易购零售云A轮融资接近完成,融资总额或超10亿元

苏宁易购零售云A轮融

据消息人士透露,苏宁易购旗下 “零售云”业务板块A轮融
新荣耀回归,撕掉“更便宜的华为”标签

新荣耀回归,撕掉“更便

以前线上是荣耀的主阵地,但华为让出的线下渠道份额,小米
输血许家印“造车梦”富豪一半是地产商,股价一日飙升五成

输血许家印“造车梦”

尽管还没有实现汽车的真正量产,但恒大集团董事局主席许
GO!猫粮疑现质量问题上热搜 或导致猫咪生病甚至死亡?

GO!猫粮疑现质量问题上

有一位猫友发文表示,因吃go猫粮导致其猫咪死亡,现在正在
小米回应门店调整风波:专营店模式即将谢幕 将推出退出流程

小米回应门店调整风波

小米回应门店调整风波:专营店模式即将谢幕 将推出退出
消息称法拉第未来计划在中国设厂 吉利代工“大众款”车型

消息称法拉第未来计划

据报道,多位知情人士今日称,电动汽车初创公司法拉第未来
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,