微信小程序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ā)有所幫助。
相關文章
ts依賴引入報錯:無法找到模塊“xxxxxx”的聲明文件問題解決
這篇文章主要給大家介紹了關于ts依賴引入報錯:無法找到模塊“xxxxxx”的聲明文件問題的解決辦法,文中通過示例帶將解決辦法介紹的非常詳細,需要的朋友可以參考下2023-07-07
Three.js如何用軌跡球插件(trackball)增加對模型的交互功能詳解
這篇文章主要給大家介紹了關于Three.js如何用軌跡球插件,也就是trackball增加對模型的交互功能的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起看看吧。2017-09-09
javascript 靜態(tài)對象和構造函數的使用和公私問題
靜態(tài)對象和構造函數的使用區(qū)別 平常我們會經常使用JSON形式,或者var obj=function(){}亦或function(){}這么幾種對象的構建辦法,有時會認為這是等價的辦法,然而他們還有不同。2010-03-03

