微信小程序學習筆記——模板和模塊化

template

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

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

模板不能直接在界面上顯示，須要調用的時候才能顯示出來，調用的時候須要使用is屬性來講明調用的是哪一個模板，而且傳參的形式能夠有多種java

<!-- 直接給模板裏面用到的字段賦值 --> <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格式以下：node

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

在用到的時候能夠用以下方式：web

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