微信小程序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 相关文章推荐
Jquery在IE7下无法使用 $.ajax解决方法
Nov 11 Javascript
JQuery实现鼠标滑过显示导航下拉列表
Sep 12 Javascript
往光标所在位置插入值的js代码
Sep 22 Javascript
javascript对JSON数据排序的3个例子
Apr 12 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
Mar 10 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
解决webpack打包速度慢的解决办法汇总
Jul 06 Javascript
node中koa中间件机制详解
Aug 22 Javascript
2种在vue项目中使用百度地图的简单方法
Sep 28 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
Vue插件之滑动验证码
Sep 21 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
第三节--定义一个类
2006/11/16 PHP
PHP常用数组函数介绍
2014/07/28 PHP
php字符串的替换,分割和连接方法
2016/05/23 PHP
PHP高效获取远程图片尺寸和大小的实现方法
2017/10/20 PHP
使用vs code编辑调试php配置的方法
2019/01/29 PHP
JS日历 推荐
2006/12/03 Javascript
jQuery UI AutoComplete 自动完成使用小记
2010/08/21 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
浅析Cookie中的Path与domain
2013/12/18 Javascript
Jquery easyUI 更新行示例
2014/03/06 Javascript
jquery的trigger和triggerHandler的区别示例介绍
2014/04/20 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
jQuery下拉美化搜索表单效果代码分享
2015/08/25 Javascript
js实现的后台左侧管理菜单代码
2015/09/11 Javascript
Bootstrap入门书籍之(三)栅格系统
2016/02/17 Javascript
jQuery EasyUI 获取tabs的实例解析
2016/12/06 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
2019/07/26 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
vue element upload组件 file-list的动态绑定实现
2019/10/11 Javascript
Python splitlines使用技巧
2008/09/06 Python
一个计算身份证号码校验位的Python小程序
2014/08/15 Python
Django内容增加富文本功能的实例
2017/10/17 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
python字符串查找函数的用法详解
2019/07/08 Python
基于Python执行dos命令并获取输出的结果
2019/12/30 Python
python爬虫实例之获取动漫截图
2020/05/31 Python
详解Python 中的容器 collections
2020/08/17 Python
css3教程之倾斜页面
2014/01/27 HTML / CSS
俄罗斯韩国化妆品网上商店:Cosmasi.ru
2019/10/31 全球购物
物流仓储实习自我鉴定
2013/09/25 职场文书
自荐信封面
2013/12/04 职场文书
青春飞扬演讲稿
2014/09/11 职场文书
五年级数学教学反思
2016/02/16 职场文书