微信小程序module.exports模塊化操作實例淺析

更新時間：2018年12月20日 08:55:26 作者：CoKeny

這篇文章主要介紹了微信小程序module.exports模塊化操作,結(jié)合實例形式簡單分析了module.exports模塊化的定義與引用相關(guān)操作技巧與注意事項,需要的朋友可以參考下

本文實例講述了微信小程序module.exports模塊化操作。分享給大家供大家參考，具體如下：

文件目錄如上圖：

看到網(wǎng)上寫的模塊化都比較復(fù)雜，寫個入門版的好讓大家理解理解

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)用實例
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ā)有所幫助。

您可能感興趣的文章:

相關(guān)文章

利用原生JS實現(xiàn)歡樂水果機小游戲
這篇文章主要介紹了利用原生JS實現(xiàn)歡樂水果機小游戲,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-04-04
基于 D3.js 繪制動態(tài)進度條的實例詳解
D3是一個被數(shù)據(jù)驅(qū)動的文檔。這篇文章主要介紹了基于 D3.js 繪制動態(tài)進度條的方法,需要的朋友可以參考下
2018-02-02
ts依賴引入報錯:無法找到模塊“xxxxxx”的聲明文件問題解決
這篇文章主要給大家介紹了關(guān)于ts依賴引入報錯:無法找到模塊“xxxxxx”的聲明文件問題的解決辦法,文中通過示例帶將解決辦法介紹的非常詳細(xì),需要的朋友可以參考下
2023-07-07
Three.js如何用軌跡球插件（trackball）增加對模型的交互功能詳解
這篇文章主要給大家介紹了關(guān)于Three.js如何用軌跡球插件，也就是trackball增加對模型的交互功能的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。
2017-09-09
JavaScript實現(xiàn)自動變換表格邊框顏色
用JavaScript控制表格邊框不停的變換顏色,記得以前經(jīng)?？吹竭@種效果,代碼也不復(fù)雜,直接復(fù)制就可用啦! 可自定義顏色，有需要的小伙伴可以參考下。
2015-05-05
原生js實現(xiàn)放大鏡特效
這篇文章主要為大家詳細(xì)介紹了原生js實現(xiàn)放大鏡特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
js原生實現(xiàn)移動端手指滑動輪播圖效果的示例
下面小編就為大家分享一篇js原生實現(xiàn)移動端手指滑動輪播圖效果的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
這篇文章主要介紹了JavaScript基礎(chǔ)教程之a(chǎn)lert彈出提示框?qū)嵗?本文重點在于講解了JavaScript基本語法、基本使用方法,需要的朋友可以參考下
2014-10-10