小程序模塊化開發(微信小程序中模板和模塊化怎么用)

具體如下:

template

模板,在定義的時候使用name屬性,如以下聲明方式

<templatename="mytemp"><view>name:{{names}}address:{{add}}</view></template>

模板不能直接在界面上顯示,需要調用的時候才能顯示出來,調用的時候需要使用is屬性來說明調用的是哪個模板,并且傳參的形式可以有多種

<!--直接給模板里面用到的字段賦值--><templateis="mytemp"data="{{names:'aaa',add:'bbbb'}}"></template><!--通過給模板賦值對象來調用--><templateis="mytemp"data="{{...person}}"></template><!--通過給模板賦值數組里面的對象來調用--><templateis="mytemp"data="{{...persons[0]}}"></template><templateis="mytemp"data="{{...persons[1]}}"></template>

模塊化

我們可以將一些公共的代碼抽離成為一個單獨的 js 文件,作為一個模塊,微信官方文檔給的說明是需要exports和require來配套使用,需要exports來聲明供外部調用,使用的時候需要require來引用下,我看有的視頻說的是如果使用require調用的時候需要本地下載node.js,反正我是下載了,如果使用的時候有問題就下載下吧。我創建了一個common.js格式如下:

//引用urlrequire("url.js");functionlog(str){console.log("log:"+str);}//暴露log方法module.exports.log=log;

在用到的時候可以用如下方式:

varcommon=require("../../common/common.js");Page({click:function(){common.log("輸出消息");}})

感謝你能夠認真閱讀完這篇文章,希望小編分享的“微信小程序中模板和模塊化怎么用”這篇文章對大家有幫助,同時也希望大家多多支持本站,關注本站行業資訊頻道,更多相關知識等著你來學習!