微信小程序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。如下圖所示(這里就懶得弄樣式了~):
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
uniapp使用mui-player插件播放m3u8/flv視頻流示例代碼
在小程序里播放視頻是很常見的功能,下面這篇文章主要給大家介紹了關于uniapp使用mui-player插件播放m3u8/flv視頻流的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06