上一節(jié),講了頁(yè)面引用模塊的概念,如果是模塊之前引用呢?源碼:https://github.com/limingios/wxProgram.git 中的No.8
js代碼塊可以在頁(yè)面中被引入使用
定義*.wxs,module.exports暴露接口和屬性
從私有到公用的概念,通過暴露就可以公有話。
require函數(shù)
官方的闡述
>https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/01wxs-module.html
5.演示模塊之間的引用
在.wxs模塊中引用其他 wxs 文件模塊,可以使用 require 函數(shù)。
引用的時(shí)候,要注意如下幾點(diǎn):
* 只能引用 .wxs 文件模塊,且必須使用相對(duì)路徑。
* wxs 模塊均為單例,wxs 模塊在第一次被引用時(shí),會(huì)自動(dòng)初始化為單例對(duì)象。多個(gè)頁(yè)面,多個(gè)地方,多次引用,使用的都是同一個(gè) wxs 模塊對(duì)象。
* 如果一個(gè) wxs 模塊在定義之后,一直沒有被引用,則該模塊不會(huì)被解析與運(yùn)行。
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("這是一個(gè)參數(shù)傳遞")}}</view>??<view>{{item.name}}</view>??<view>{{item.age}}</view>??<view>{{item.method("這是一個(gè)參數(shù)傳遞")}}</view>??<view>{{item.name}}</view>??<view>{{item.age}}</view>??<view>{{item.method("這是一個(gè)參數(shù)傳遞")}}</view></view>
module.wxs
//?module.wxsvar?module2?=?require("../wxs/module2.wxs")var?name?="個(gè)人網(wǎng)站: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.wxsvar?name?="公眾號(hào):編程坑太多"var?age?=?28;var?method?=?function(obj){??return?obj;}module.exports?={??name?:name,??age?:?age,??method?:method}
PS:這次就是針對(duì)模塊引入模塊的方式,這種在實(shí)際開發(fā)中也是很常見的。
聯(lián)系客服