本文實(shí)例講述了微信小程序模板和模塊化用法。分享給大家供大家參考，具體如下：

template

模板，在定義的時(shí)候使用name屬性，如以下聲明方式

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

模板不能直接在界面上顯示，需要調(diào)用的時(shí)候才能顯示出來(lái)，調(diào)用的時(shí)候需要使用is屬性來(lái)說(shuō)明調(diào)用的是哪個(gè)模板，并且傳參的形式可以有多種

<!-- 直接給模板里面用到的字段賦值 -->
<template is="mytemp" data="{{names:'aaa', add:'bbbb'}}"></template>
<!-- 通過(guò)給模板賦值對(duì)象來(lái)調(diào)用-->
<template is="mytemp" data="{{...person}}"></template>
<!-- 通過(guò)給模板賦值數(shù)組里面的對(duì)象來(lái)調(diào)用-->
<template is="mytemp" data="{{...persons[0]}}"></template>
<template is="mytemp" data="{{...persons[1]}}"></template>

模塊化

我們可以將一些公共的代碼抽離成為一個(gè)單獨(dú)的 js 文件，作為一個(gè)模塊，微信官方文檔給的說(shuō)明是需要exports和require來(lái)配套使用，需要exports來(lái)聲明供外部調(diào)用，使用的時(shí)候需要require來(lái)引用下，我看有的視頻說(shuō)的是如果使用require調(diào)用的時(shí)候需要本地下載node.js，反正我是下載了，如果使用的時(shí)候有問(wèn)題就下載下吧。我創(chuàng)建了一個(gè)common.js格式如下：

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

在用到的時(shí)候可以用如下方式：

var common = require("../../common/common.js");
Page({
 click:function(){
 common.log("

此外，本站前面一篇文章微信小程序模塊化詳細(xì)介紹也對(duì)模塊化做了較為深入淺出的介紹，感興趣的朋友可以參考一下。

希望本文所述對(duì)大家微信小程序設(shè)計(jì)有所幫助。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com