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