微信小程序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实现选择TextArea内文本的方法

    JS实现选择TextArea内文本的方法

    这篇文章主要介绍了JS实现选择TextArea内文本的方法,涉及javascript针对页面TextArea元素焦点设置及文本获取的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • js登录滑动验证的实现(不滑动无法登陆)

    js登录滑动验证的实现(不滑动无法登陆)

    下面小编就为大家分享一篇js登录滑动验证的实现(不滑动无法登陆),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • 浅析javaScript中的浅拷贝和深拷贝

    浅析javaScript中的浅拷贝和深拷贝

    本篇文章主要介绍了浅析javaScript中的浅拷贝和深拷贝,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • javascript date格式化示例

    javascript date格式化示例

    date格式化想必大家并不陌生吧,本文就来看看javascript中是如何实现的,感兴趣的朋友可以参考下
    2013-09-09
  • JavaScript每天必学之事件

    JavaScript每天必学之事件

    JavaScript每天必学之事件,聊一聊事件冒泡与捕获、事件冒泡的好处,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • uniapp使用mui-player插件播放m3u8/flv视频流示例代码

    uniapp使用mui-player插件播放m3u8/flv视频流示例代码

    在小程序里播放视频是很常见的功能,下面这篇文章主要给大家介绍了关于uniapp使用mui-player插件播放m3u8/flv视频流的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • javascript字符串替换及字符串分割示例代码

    javascript字符串替换及字符串分割示例代码

    javascript中的字符串替换及字符串分割在某些情况下还是比较实用的,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-12-12
  • uni-app表单组件(form表单)用法举例

    uni-app表单组件(form表单)用法举例

    平时我们经常会使用到表单,下面这篇文章主要给大家介绍了关于uni-app表单组件(form表单)的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • JavaScript实现密码框输入验证

    JavaScript实现密码框输入验证

    这篇文章主要为大家详细介绍了JavaScript实现密码框输入验证,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • MockJs结合json-server模拟后台数据

    MockJs结合json-server模拟后台数据

    这篇文章主要为大家详细介绍了MockJs结合json-server模拟后台数据,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07

最新评论