1. 程式人生 > >微信小程式學習筆記——模板和模組化

微信小程式學習筆記——模板和模組化

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("輸出訊息");
    }
})