微信小程序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 相关文章推荐
js动态生成指定行数的表格
Jul 11 Javascript
JavaScript中join()方法的使用简介
Jun 09 Javascript
JavaScript中的parse()方法使用简介
Jun 12 Javascript
Javascript中常用的检测方法小结
Oct 08 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
Feb 08 Javascript
原生JS实现简单放大镜效果
Feb 08 Javascript
原生JS实现幻灯片
Feb 22 Javascript
浅谈angularjs中响应回车事件
Apr 24 Javascript
JavaScript多态与封装实例分析
Jul 27 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
Sep 14 Javascript
JavaScript实现省市联动效果
Nov 22 Javascript
ES6函数实现排它两种写法解析
May 13 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
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
PHP输出九九乘法表代码实例
2015/03/27 PHP
PHP实现的oracle分页函数实例
2016/01/25 PHP
php递归函数怎么用才有效
2018/02/24 PHP
javascript 必知必会之closure
2009/09/21 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
DOM基础教程之事件类型
2015/01/20 Javascript
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
使用Javascript写的2048小游戏
2015/11/25 Javascript
JavaScript引用类型和基本类型详解
2016/01/06 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
2016/09/17 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
sea.js常用的api简易文档
2016/11/15 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
jQuery监听浏览器窗口大小的变化实例
2017/02/07 Javascript
nodejs实现邮件发送服务实例分享
2017/03/29 NodeJs
JS实现的抛物线运动效果示例
2018/01/30 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
angular4自定义组件非input元素实现ngModel双向数据绑定的方法
2018/12/28 Javascript
微信小程序与webview交互实现支付功能
2019/06/07 Javascript
监控微信小程序中的慢HTTP请求过程详解
2019/07/05 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
[49:56]VG vs Optic 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python中的Descriptor描述符学习教程
2016/06/02 Python
Windows平台Python连接sqlite3数据库的方法分析
2017/07/12 Python
对pandas中apply函数的用法详解
2018/04/10 Python
Python通过递归获取目录下指定文件代码实例
2019/11/07 Python
django xadmin中form_layout添加字段显示方式
2020/03/30 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
中软国际Java程序员笔试题
2014/07/19 面试题
现金会计岗位职责
2013/12/05 职场文书
校运会入场式解说词
2014/02/10 职场文书
全国优秀辅导员事迹材料
2014/05/14 职场文书
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
工资收入证明
2014/10/07 职场文书