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


Posted in Javascript onDecember 20, 2018

本文实例讲述了微信小程序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。如下图所示(这里就懒得弄样式了~):

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

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

Javascript 相关文章推荐
javascript 动态添加表格行
Jun 22 Javascript
XML的代替者----JSON
Jul 21 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
基于jquery实现轮播特效
Apr 22 Javascript
关于List.ToArray()方法的效率测试
Sep 30 Javascript
JS中位置与大小的获取方法
Nov 22 Javascript
js数字舍入误差以及解决方法(必看篇)
Feb 28 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
Vue常见面试题整理【值得收藏】
Sep 20 Javascript
微信小程序基于movable-view实现滑动删除效果
Jan 08 Javascript
Element Input输入框的使用方法
Jul 26 Javascript
js实现自动锁屏功能
Jun 02 Javascript
JavaScript类的继承操作实例总结
Dec 20 #Javascript
vue返回上一页面时回到原先滚动的位置的方法
Dec 20 #Javascript
详解Vue.js自定义tipOnce指令用法实例
Dec 19 #Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
Dec 19 #Javascript
JavaScript链式调用实例浅析
Dec 19 #Javascript
浅谈vue后台管理系统权限控制思考与实践
Dec 19 #Javascript
如何为vue的项目添加单元测试
Dec 19 #Javascript
You might like
MacOS 安装 PHP的图片裁剪扩展Tclip
2015/03/25 PHP
Yii净化器CHtmlPurifier用法示例(过滤不良代码)
2016/07/15 PHP
javascript处理table表格的代码
2010/12/06 Javascript
js二级地域选择的实现方法
2013/06/17 Javascript
Javascript获取当前日期的农历日期代码
2014/10/08 Javascript
js实现分享到随页面滚动而滑动效果的方法
2015/04/10 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
基于jquery实现无限级树形菜单
2016/03/22 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
2016/09/05 Javascript
详解JavaScript权威指南之对象
2016/09/27 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
简单两步使用node发送qq邮件的方法
2019/03/01 Javascript
浅谈js闭包理解
2019/04/01 Javascript
微信小程序实现页面浮动导航
2020/01/08 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
vue proxy 的优势与使用场景实现
2020/06/15 Javascript
Python中生成器和yield语句的用法详解
2015/04/17 Python
用Python编写web API的教程
2015/04/30 Python
python 编程之twisted详解及简单实例
2017/01/28 Python
最近Python有点火? 给你7个学习它的理由!
2017/06/26 Python
python实现维吉尼亚算法
2019/03/20 Python
使用Windows批处理和WMI设置Python的环境变量方法
2019/08/14 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
使用python和pygame制作挡板弹球游戏
2019/12/03 Python
HTML5实时语音通话聊天MP3压缩传输3KB每秒
2019/08/28 HTML / CSS
html5的pushstate以及监听浏览器返回事件的实现
2020/08/11 HTML / CSS
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
项目投资合作意向书
2014/07/29 职场文书
实习生矿工检讨书
2014/10/13 职场文书
工作期间打牌检讨书范文
2014/11/20 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
新学期新寄语,献给新生们!
2019/11/15 职场文书
导游词之西江千户苗寨
2019/12/24 职场文书
SpringRetry重试框架的具体使用
2021/07/25 Java/Android
MySQL如何使备份得数据保持一致
2022/05/02 MySQL