微信小程序module.exports模塊化操作實例淺析
更新時間：2018年12月20日 08:55:26 作者：CoKeny
這篇文章主要介紹了微信小程序module.exports模塊化操作,結合實例形式簡單分析了module.exports模塊化的定義與引用相關操作技巧與注意事項,需要的朋友可以參考下
本文實例講述了微信小程序module.exports模塊化操作。分享給大家供大家參考，具體如下：
文件 目錄如上圖：
看到網(wǎng)上寫的模塊化都比較復雜，寫個入門版的 好讓大家理解理解
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ā)有所幫助。
相關文章
這篇文章主要介紹了JS實現(xiàn)選擇TextArea內文本的方法,涉及javascript針對頁面TextArea元素焦點設置及文本獲取的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
下面小編就為大家分享一篇js登錄滑動驗證的實現(xiàn)(不滑動無法登陸)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
本篇文章主要介紹了淺析javaScript中的淺拷貝和深拷貝，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
date格式化想必大家并不陌生吧，本文就來看看javascript中是如何實現(xiàn)的，感興趣的朋友可以參考下2013-09-09
JavaScript每天必學之事件,聊一聊事件冒泡與捕獲、事件冒泡的好處，感興趣的小伙伴們可以參考一下2016-09-09
uniapp使用mui-player插件播放m3u8/flv視頻流示例代碼
在小程序里播放視頻是很常見的功能,下面這篇文章主要給大家介紹了關于uniapp使用mui-player插件播放m3u8/flv視頻流的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
javascript中的字符串替換及字符串分割在某些情況下還是比較實用的，下面有個不錯的示例，感興趣的朋友可以參考下2013-12-12
平時我們經(jīng)常會使用到表單,下面這篇文章主要給大家介紹了關于uni-app表單組件(form表單)的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)密碼框輸入驗證，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
MockJs結合json-server模擬后臺數(shù)據(jù)
這篇文章主要為大家詳細介紹了MockJs結合json-server模擬后臺數(shù)據(jù)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07