「小程序JAVA實戰」小程序模塊之間引用（19）

上一節，講了頁面引用模塊的概念，如果是模塊之前引用呢？源碼：https://github.com/limingios/wxProgram.git 中的No.8

小程序的WXS模塊

1. js代碼塊可以在頁面中被引入使用
   

   
   

2. 定義*.wxs,module.exports暴露接口和屬性
   

   從私有到公用的概念，通過暴露就可以公有話。

3. require函數

4. 官方的闡述
   >https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/01wxs-module.html

5.演示模塊之間的引用

在.wxs模塊中引用其他 wxs 文件模塊，可以使用 require 函數。
引用的時候，要注意如下幾點：
* 只能引用 .wxs 文件模塊，且必須使用相對路徑。
* wxs 模塊均為單例，wxs 模塊在第一次被引用時，會自動初始化為單例對象。多個頁面，多個地方，多次引用，使用的都是同一個 wxs 模塊對象。
* 如果一個 wxs 模塊在定義之后，一直沒有被引用，則該模塊不會被解析與運行。

wxs.wxml

<!wxs.wxml-->
<view?class="container">
??<wxs?src="../wxs/module.wxs"?module="item"></wxs>
??<view>{{item.name}}</view>
??<view>{{item.age}}</view>
??<view>{{item.method("這是一個參數傳遞")}}</view>

??<view>{{item.name}}</view>
??<view>{{item.age}}</view>
??<view>{{item.method("這是一個參數傳遞")}}</view>

??<view>{{item.name}}</view>
??<view>{{item.age}}</view>
??<view>{{item.method("這是一個參數傳遞")}}</view>
</view>

module.wxs

//?module.wxs
var?module2?=?require("../wxs/module2.wxs")
var?name?="個人網站:idig8.com"
var?age?=?18;

var?method?=?function(obj){
??console.log(module2.name);
??console.log(module2.age);
??return?obj;
}

module.exports?={
??name?:name,
??age?:?age,
??method?:method
}

module2.wxs

//?module.wxs
var?name?="公眾號：編程坑太多"
var?age?=?28;

var?method?=?function(obj){
??return?obj;
}

module.exports?={
??name?:name,
??age?:?age,
??method?:method
}

PS：這次就是針對模塊引入模塊的方式，這種在實際開發中也是很常見的。