您好,登錄后才能下訂單哦!
這篇文章主要介紹了微信小程序中模板和模塊化怎么用,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
具體如下:
template
模板,在定義的時候使用name屬性,如以下聲明方式
<template name="mytemp"> <view> name:{{names}} address:{{add}} </view> </template>
模板不能直接在界面上顯示,需要調用的時候才能顯示出來,調用的時候需要使用is屬性來說明調用的是哪個模板,并且傳參的形式可以有多種
<!-- 直接給模板里面用到的字段賦值 --> <template is="mytemp" data="{{names:'aaa', add:'bbbb'}}"></template> <!-- 通過給模板賦值對象來調用--> <template is="mytemp" data="{{...person}}"></template> <!-- 通過給模板賦值數組里面的對象來調用--> <template is="mytemp" data="{{...persons[0]}}"></template> <template is="mytemp" data="{{...persons[1]}}"></template>
模塊化
我們可以將一些公共的代碼抽離成為一個單獨的 js 文件,作為一個模塊,微信官方文檔給的說明是需要exports和require來配套使用,需要exports來聲明供外部調用,使用的時候需要require來引用下,我看有的視頻說的是如果使用require調用的時候需要本地下載node.js,反正我是下載了,如果使用的時候有問題就下載下吧。我創建了一個common.js格式如下:
//引用url require("url.js"); function log(str){ console.log("log:" + str); } //暴露log方法 module.exports.log = log;
在用到的時候可以用如下方式:
var common = require("../../common/common.js"); Page({ click:function(){ common.log("輸出消息"); } })
感謝你能夠認真閱讀完這篇文章,希望小編分享的“微信小程序中模板和模塊化怎么用”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。