「小程序JAVA實(shí)戰(zhàn)」小程序模塊頁面引用（18）

上一節(jié)，講了模板的概念，其實(shí)小程序還提供了模塊的概念。源碼：https://github.com/limingios/wxProgram.git 中的No.8

小程序的WXS模塊

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

2. 定義*.wxs,module.exports暴露接口和屬性 從私有到公用的概念，通過暴露就可以公有話。

3. 
   

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

1. 演示模塊的概念 >每一個(gè) .wxs 文件和 標(biāo)簽都是一個(gè)單獨(dú)的模塊。每個(gè)模塊都有自己獨(dú)立的作用域。即在一個(gè)模塊里面定義的變量與函數(shù)，默認(rèn)為私有的，對其他模塊不可見。一個(gè)模塊要想對外暴露其內(nèi)部的私有變量與函數(shù)，只能通過 module.exports 實(shí)現(xiàn)。

<!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
var?name?="公眾號：編程坑太多"
var?age?=?18;

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

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

PS : 通過src進(jìn)行導(dǎo)入，然后在引入module參數(shù)進(jìn)行調(diào)用里面的屬性和接口方法。

>>原創(chuàng)文章，歡迎轉(zhuǎn)載。轉(zhuǎn)載請注明：轉(zhuǎn)載自IT人故事會，謝謝！ >>原文鏈接地址：「小程序JAVA實(shí)戰(zhàn)」小程序模塊頁面引用（18）