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

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

最新资讯
iFixit分享MagSafe充电器拆解图片

iFixit分享MagSafe充

MagSafe 充电器外部有一圈深色的磁铁,这与iPhone 12和i
新东方冲刺港交所:抢先好未来 成最早回归港股教育企业

新东方冲刺港交所:抢先

新东方今日通过港交所上市聆讯,准备在香港二次上市。这
IDC:去年苹果iPad出货量为4990万台 出货量增长15%

IDC:去年苹果iPad出货

IDC数据显示,去年苹果iPad出货量为4990万台,高于上年同
2025年广东将实现5G全域覆盖 广深是发展“双核”

2025年广东将实现5G全

广东省工业和信息化厅信息化和软件服务业处副处长江长
贵州省市场监管局约谈电商平台 严禁用“特供”“专供”营销

贵州省市场监管局约谈

贵州省市场监管局召开行政指导会,约谈电商平台,要求电商
新东方香港二次上市通过港交所聆讯

新东方香港二次上市通

据港交所文件:新东方香港二次上市通过港交所聆讯。
最新文章
详解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支持,