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

發(fā)布時(shí)間：2020-10-24 10:01:52 來(lái)源：腳本之家閱讀：379 作者：CoKeny 欄目：web開發(fā)

本文實(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。如下圖所示（這里就懶得弄樣式了~）：

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

希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。

向AI問(wèn)一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽