微信小程序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.html

<block wx:for="{{studentList}}" wx:for-item="item" wx:for-index="idx">
        <view>
          {{item.name}}
        </view>
</block>

因為取的是name，所以最后輸出的是xiaoming    和xiaohong。