微信小程序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 相关文章推荐
VBScript版代码高亮
Jun 26 Javascript
jquery实现邮箱自动补全功能示例分享
Feb 17 Javascript
百度判断手机终端并自动跳转js代码及使用实例
Jun 11 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
Nov 07 Javascript
js 性能优化之快速响应的用户界面
Feb 15 Javascript
requirejs按需加载angularjs文件实例
Jun 08 Javascript
Vue组件库发布到npm详解
Feb 17 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
Mar 06 Javascript
ng-repeat指令在迭代对象时的去重方法
Oct 02 Javascript
JavaScript命名空间模式实例详解
Jun 20 Javascript
vue中如何添加百度统计代码
Dec 19 Vue.js
详解Vue的七种传值方式
Feb 08 Vue.js
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
PHP header函数分析详解
2011/08/06 PHP
php取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
用于判断用户注册时,密码强度的JS代码
2009/01/01 Javascript
JavaScript 错误处理与调试经验总结
2010/08/10 Javascript
js constructor的实际作用分析
2011/11/15 Javascript
javascript学习笔记(二十) 获得和设置元素的特性(属性)
2012/06/20 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
2013/01/23 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
2016/04/01 Javascript
bootstrap3 兼容IE8浏览器!
2016/05/02 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
2016/11/18 Javascript
js中string和number类型互转换技巧(分享)
2016/11/28 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
原生JS发送异步数据请求
2017/06/08 Javascript
vue-devtools的安装步骤
2018/04/23 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
2020/07/16 Javascript
使用vue实现通过变量动态拼接url
2020/07/22 Javascript
[54:43]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第一场 2月22日
2021/03/11 DOTA
python学习之matplotlib绘制散点图实例
2017/12/09 Python
Django 视图层(view)的使用
2018/11/09 Python
Python解析、提取url关键字的实例详解
2018/12/17 Python
pytorch 自定义卷积核进行卷积操作方式
2019/12/30 Python
Python对称的二叉树多种思路实现方法
2020/02/28 Python
python map比for循环快在哪
2020/09/21 Python
CSS3常用的几种颜色渐变模式总结
2016/11/18 HTML / CSS
Oasis服装官网:时尚女装在线
2020/07/09 全球购物
高三毕业生自我鉴定
2013/12/20 职场文书
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
DIY手工制作经营店创业计划书
2014/02/01 职场文书
房屋转让协议书
2014/04/11 职场文书
小学生安全演讲稿
2014/04/25 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
酒店收银员岗位职责
2015/04/07 职场文书
2015年出纳工作总结与计划
2015/05/18 职场文书
保护环境的宣传语
2015/07/13 职场文书