微信小程式學習筆記——模板和模組化
阿新 • • 發佈:2019-02-02
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("輸出訊息");
}
})